我目前正在开发一个小项目,我有一个SQL数据库,其中包含一些我希望在可排序表中显示的数据。
我已经设置了一个显示表格的网站。我的问题是让tableorter在这些表上工作。
网站(http://tablesorter.com/)仅举例说明了一个表格。
这是我的PHP生成的源代码:
生成表格的代码片段是:
while ($row = mysqli_fetch_array($selectedtanks)) {
$tank_id = $row[tank_id];
echo "<h2> ".tank_id2name($row[tank_id])." </h2><br>";
echo
"<table class=\"tablesorter\" id=\"myTable\">
<thead>
<tr>
<td>Nickname</td>
<td>Damage</td>
<td>Frags</td>
<td>Spots</td>
<td>Wins</td>
<td>Battles</td>
</tr>
</thead>
";
$sql = "select * from user2rooms left join usertanks on user2rooms.account_id=usertanks.account_id where user2rooms.room_id='$room_id' AND usertanks.tank_id='$tank_id'";
$result = mysqli_query($db,$sql);
while ($row2 = mysqli_fetch_array($result)) {
echo "<tbody>
<tr>
<td>".account_id2name($row2[account_id])."</td>
<td>".round($row2[damage_dealt]/$row2[battles],2)."</td>
<td>".round($row2[frags]/$row2[battles],2)."</td>
<td>".round($row2[spotted]/$row2[battles],2)."</td>
<td>".round($row2[wins]/$row2[battles],4)*100 ."%</td>
<td>".$row2[battles]."</td>
</tr>
</tbody>
</table>
";
}
}
添加JS的代码:
<head>
<script type="text/javascript" src="/jquery/jquery-latest.js"></script>
<script type="text/javascript" src="/jquery/jquery.tablesorter.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
<script type="text/javascript">
$(document).ready(function()
{
$(".tablesorter").css("border", "3px solid red");
}
);
</script>