table 点击排序 三种方法

所属分类:UI-筛选及排序

 6222  47  查看评论 (2)
table 点击排序 三种方法 ie兼容6

使用方法

简单易懂,页面只需引入封装好的tablesort.js,然后进行初始化就可以了,并且封装的tablesort.js都有相应的注释,如果需求变化可以自己进行修改和维护。

有点抱歉的就是这里的样式没有调整好,没时间整理,还望各位老铁们儿轻点下手。

window.onload = function()
{
    new TableSorter("tb1");//first ways
    new TableSorter("tb2", 0, 2 , 5, 6); //second ways (注释:这里意思是可以设置那一列进行筛选排序操作)
    new TableSorter("tb3").OnSorted = function(c, t) //three ways
    {
        alert("table is sorted by " + c.innerHTML + " " + (t ? "Asc" : "Desc"));
    }
}
相关插件-筛选及排序

angular过滤搜索

angular主要用于对数据的过滤搜索,代码注释很全,适合新手学习
  筛选及排序
 9499  39

jQuery条件筛选表格(原创)

通过条件选择表格要显示的部分
  筛选及排序
 7582  38

jquery仿app产品筛选列表

jquery仿app产品筛选列表
  筛选及排序
 25751  105

table 点击排序 三种方法

不用通过数据交互那么复杂,可以简单的静态排序和筛选,适用于后台数据列表等需求
  筛选及排序
 6223  47

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    Kazno Nas 0
    2018/2/13 15:55:10
    不是有datatable吗
        mo_linger0
        2018/2/13 16:02:21
        是有的,但是假如公司不允许,或者业务觉得你用datatable过于笨重,而自己的业务简单只需要前端一个小筛选呢?技术没有对错哈,谢谢你认真的思考过!
    回复
取消回复
  短信接口