使用Tablesorter对从动态SQL查询生成的表进行排序

时间:2017-01-05 19:55:22

标签: php jquery tablesorter

我目前正在开发一个小项目,我有一个SQL数据库,其中包含一些我希望在可排序表中显示的数据。

我已经设置了一个显示表格的网站。我的问题是让tableorter在这些表上工作。

网站(http://tablesorter.com/)仅举例说明了一个表格。

这是我的PHP生成的源代码:

Link

生成表格的代码片段是:

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>

0 个答案:

没有答案