Tablesorter表格table排序插件

来源:https://www.sucaihuo.com/js/775.html 2016-02-17 20:02浏览(1664) 收藏

Tablesorter是一款排序插件,本demo附带表格数据,而且支持Ajax远程调用。
Tablesorter表格table排序插件
分类:其它特效 > table表格 难易:高级
查看演示 下载资源 下载积分: 20 积分

表格table 代码

<table cellspacing="1" class="tablesorter table-00">
    <thead>
        <tr>
            <th>First Name</th>
            <th>Last Name</th>
            <th>Age</th>
            <th>Total</th>
            <th>Discount</th>
            <th>Date</th>

        </tr>
    </thead>
    <tbody>
        <tr>
            <td>Peter</td>
            <td>Parker</td>
            <td>28</td>
            <td>$9.99</td>
            <td>20%</td>

            <td>Jul 6, 2006 8:14 AM</td>
        </tr>
        <tr>
            <td>John</td>
            <td>Hood</td>
            <td>33</td>
            <td>$19.99</td>
            <td>25%</td>

            <td>Dec 10, 2002 5:14 AM</td>
        </tr>
    </tbody>
</table>

引入并调用表格排序插件tablesorter.js

<script type="text/javascript" src="jquery.tablesorter.js"></script>
$(".table-00").tablesorter();
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2