jQuery实现表格前端排序功能详解

本文实例讲述了jQuery实现的表格前端排序功能。分享给大家供大家参考，具体如下：

表格前端按列排序

依赖jQuery(本例使用jQuery-1.8.2)

1.初始化方法

2.页面函数

3.DOM结构

<table id="tableSort">
    <thead>
    <tr>
        <th onclick="$.sortTable.sort('tableSort',0);desc('desc_1','日期')" ><a id="desc_1" >日期</a></th>
        <th onclick="$.sortTable.sort('tableSort',1);desc('desc_2','软件ID')" ><a id="desc_2" >ID</a></th>
      <th onclick="$.sortTable.sort('tableSort',2);desc('desc_x','渠道ID')" ><a id="desc_3" >类别</a></th>
    </tr>
    </thead>
    <tbody>
     <tr>
        <td>201870601</td>
        <td>汇总</td>
        <td>新闻</td>
     </tr>
    </tbody>
</table>

相关推荐：

jquery实现表格无刷新分页

基于jQuery实现表格数据的动态添加与统计的代码_jquery

用JQuery实现表格隔行变色和突出显示当前行的代码_jquery

以上就是jQuery实现表格前端排序功能详解的详细内容，更多请关注Gxl网其它相关文章！