如何在表格中分页数据

时间:2013-07-04 13:09:18

标签: jquery pagination html-table

以下是我的表格的代码:

                  <table class="user_details">
             <tr>
                <th> User ID </th>
                <th> Name </th>
                <th> Address </th>
                <th> Email </th>
                <th> Status </th>
            </tr>
        <tr>
        <? foreach($user_data as $key){
        echo "<tr>";
        echo "<td>".$key['id']."</td">;
        echo "<td>".$key['name']."</td">;
        echo "<td>".$key['adress']."</td">;
        echo "<td>".$key['email']."</td">;
        echo "<td>".$key['status']."</td">;
        echo "</tr">;  
        }
?>
</table>

现在有超过50条记录进入上述代码。是否可以通过jQuery一次只显示10条记录,并在那里有下一个和前一个按钮。我不想使用任何外部插件。 可能的方法是什么?

3 个答案:

答案 0 :(得分:1)

请看这里:jsfiddle。您也可以使用众多插件之一。

答案 1 :(得分:0)

如果您不想使用外部插件,则必须手动执行:显示/隐藏行,添加额外的按钮以进行导航等。

但我建议您只使用ajax调用加载要显示的数据,而不是写入所有行。

答案 2 :(得分:0)

没有外部插件?然后你必须跟踪页面上显示的当前记录范围(例如:1-10或10-20),然后点击上一个或下一个,你必须向db发送查询,要求下一组记录或使用落在范围内的记录过滤记录。 某些dbs允许sql指定您有兴趣丢弃其他记录的记录范围。所以你会发现你需要做一些编程。