table 点击排序 三种方法

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

 1272  18  查看评论 (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"));
    }
}
相关插件-筛选及排序

jQuery根据条件筛选数据

jQuery根据输入关键字和选择的条件进行筛选,常用代码简单实用。
  筛选及排序
 2277  25

仿当当移动端筛选

仿当当网移动端条件筛选
  筛选及排序
 11801  62

table 点击排序 三种方法

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

jquery仿app产品筛选列表

jquery仿app产品筛选列表
  筛选及排序
 21089  96

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

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