Сортировка таблицы HTML, которая создается из таблицы CSV

Привет Я пытаюсь создать функцию сортировки в таблице HTML, которая создается из файла CSV. Я добавил в некоторый javascript, который предположительно сделал это, но я не лучший в этом. Пожалуйста, порекомендуйте.Сортировка таблицы HTML, которая создается из таблицы CSV

Heres код я использую

<!doctype html> 
<html> 
<head> 
<meta charset="utf-8"> 
<title>HKJC Football</title> 
<script type="text/javascript" src="http://cscasiapacific.com/tablesort/jquery-latest.js"> </script> 
<script type="text/javascript" src="http://cscasiapacific.com/tablesort/jquery.tablesorter.js"></script> 
<style type="text/css"> 
<!-- 
body { 
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif; 
background-image: url('http://1080phdwallpapers.com/wp-content/uploads/2012/10/kick-the-ball-1080p-hd-wallpaper.jpg'); 
background-color: #FFFFFF; 
margin: 0; 
padding: 0; 
color: #000; 
.tg {border-collapse:collapse;border-spacing:0;} 
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border- width:1px;overflow:hidden;word-break:normal;} 
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border- style:solid;border-width:1px;overflow:hidden;word-break:normal;} 
} 
table, th, td { 
border: 1px solid black; 
} 
table, th, td { 
background-color: green; 
color: white; 
} 
</style><!--[if lt IE 9]> 
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
<![endif]--></head> 
</head> 
<?php 
echo "<html><center><body><table> 
<thead> 
<tr> 
</thead></tr><tbody> \n\n"; 
$f = fopen("http://www.rittmayer.info/sports/home4/rittmaye/public_html/cscasiapacific/football.CSV", "r"); 
while (($line = fgetcsv($f)) !== false) { 
    echo "<tr>"; 
    foreach ($line as $cell) { 
      echo "<td>" . htmlspecialchars($cell) . "</td>"; 
    } 
    echo "</tr>\n"; 
} 
fclose($f); 
echo "\n 
</tbody></table> 
</body></center></html>";

Спасибо!

источник

2014-09-08 Ludono

Вы не задали вопрос или не сказали нам, в чем проблема – 2014-09-08 02:29:31

FYI, вам нужно закрыть тег ' taco

@ Dagon Я хочу сделать таблицу отсортированной по заголовкам. – Ludono

Вы включили файлы javascript, но не используете их каким-либо образом. Добавьте это в свой HTML. Посмотрите, например, на javascript, как сортировать таблицу на главной странице плагина.

Tablesorter требует, чтобы в вашей таблице был ID. <table id="myTable">

Затем код необходимо иметь TableSorter выполнить код TableSorter плагин:

<script type="text/javascript"> 
$(document).ready(function() { 
$("#myTable").tablesorter(); 
}); 
</script>

окружив его .ready() метод JQuery является необходимым, так как вам нужно ждать, пока PHP не будет сделано, и страница полностью загружена, в противном случае javascript может срабатывать слишком рано.

источник

2014-09-08 02:44:09 taco

Я добавил это, но таблица по-прежнему кажется несортируемой? Вот страница, о которой идет речь, если это поможет. http://cscasiapacific.com/test5.php Извините, для новичков вопросы :( – Ludono

Нет, нет. Поместите эти две строки сценария там, где они были раньше. Необходимо указать код сортировки. Прочитайте документацию для сортировщика таблиц Должен быть какой-то пример. Вы не указали, откуда этот плагин. – taco

Я использую что-то, что я натолкнулся, называемый сортировщик таблиц? http://tablesorter.com/docs/ Очевидно, что я не знаете, как правильно его использовать.Какому коду нужно идти именно так, я немного смущен этой штукой. Спасибо за терпение xD – Ludono

Сортировка таблицы HTML, которая создается из таблицы CSV

ответ

Смежные вопросы