Question

我有桌子，我想为此创建分页，并进行排序。

分页如：prev＆lt;总记录的页码＆gt;下一个[＆lt; 1 of 10＆gt; ]

怎么做？

这是我的代码：

<table id="datas">
    <tr>
        <th scope="col">Item</th>
        <th scope="col">Availability</th>
        <th scope="col">Qty</th>
        <th scope="col">Price</th>
    </tr>
    <tr>
        <td>Do Krug</td>
        <td>In Stock</td>
        <td>1</td>
        <td>$30.02</td>
    </tr>
    <tr>
        <td>A Parolyn Chandler</td>
        <td>In Stock</td>
        <td>2</td>
        <td>$52.94 ($26.47 &#215; 2)</td>
    </tr>
    <tr>
        <td>Inmy Sharp</td>
        <td>Out of Stock</td>
        <td>1</td>
        <td>$22.23</td>
    </tr>
    <tr>
        <td>Bulerholm</td>
        <td>In Stock</td>
        <td>1</td>
        <td>$30.17</td>
    </tr>
</table>

Answer 1

我建议使用jQuery。以前，我使用过一个名为DataTables的插件。这非常简单易用。 Here is a demo of the base functionality.

这似乎符合您的要求。它还允许额外的造型和定制等。祝你好运！

n.i。

Answer 2

这是一个非常好的php分页教程。此外，您需要对其进行少量更新，将所有mysql引用更改为mysqli

http://www.phpeasystep.com/phptu/29.html

由于

Answer 3

我已经使用jQuery tablesorter和tablesorter pager插件。你需要将这些添加到你的项目中，然后你只需要在这个页面上添加大约15行代码。

您的JavaScript：

$(document).ready(function() { 
    $("#datas").tablesorter({widthFixed: true, widgets: ['zebra']}) 
    $("#datas").tablesorterPager({container: $("#pager")}); 
});

http://tablesorter.com/docs/index.html

http://tablesorter.com/docs/example-pager.html

您的HTML：

<div id="pager" class="pager">
<form>
    <img src="../addons/pager/icons/first.png" class="first"/>
    <img src="../addons/pager/icons/prev.png" class="prev"/>
    <input type="text" class="pagedisplay"/>
    <img src="../addons/pager/icons/next.png" class="next"/>
    <img src="../addons/pager/icons/last.png" class="last"/>
    <select class="pagesize">
        <option selected="selected"  value="10">10</option>
        <option value="20">20</option>
        <option value="30">30</option>
        <option  value="40">40</option>
    </select>
</form>
</div>

<table id="datas" class="tablesorter">
<thead>
<tr>
    <th scope="col">Item</th>
    <th scope="col">Availability</th>
    <th scope="col">Qty</th>
    <th scope="col">Price</th>
</tr>
</thead>
<tbody>
<tr>
    <td>Do Krug</td>
    <td>In Stock</td>
    <td>1</td>
    <td>$30.02</td>
</tr>
<tr>
    <td>A Parolyn Chandler</td>
    <td>In Stock</td>
    <td>2</td>
    <td>$52.94 ($26.47 &#215; 2)</td>
</tr>
<tr>
    <td>Inmy Sharp</td>
    <td>Out of Stock</td>
    <td>1</td>
    <td>$22.23</td>
</tr>
<tr>
    <td>Bulerholm</td>
    <td>In Stock</td>
    <td>1</td>
    <td>$30.17</td>
</tr>
</tbody>
</table>

如何为表数据和排序创建分页？

3 个答案: