jQuery表格筛选插件XLS TableFilter

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

 53289  326  查看评论 (12)
分享到微信朋友圈
X
jQuery表格筛选插件XLS TableFilter ie兼容8

xlsTableFilter:创建一个表包含标题的Excel风格的过滤器对话框

使用方法

$("table").xlsTableFilter();

选项: 

width       Integer Default : 400  一个整数,设置过滤器对话框的宽度。

height      Integer Default : 550 一个整数,设置过滤器对话框的高度。

maxHeight   Integer Default : Window height  一个整数,设置过滤器对话框的最大高度。

ignoreCase  Boolean Default : true  一个布尔值设置过滤器是否应该忽略大小写。

checkStyle  String Default : 一个字符串定义对话框是否应该使用HTML复选框或自定义开启/关闭图像。“默认”,将使用HTML复选框。“自定义”,将使用图像。

ignoreColumns  Array Default : null  -包含将尚未分配的过滤器从零开始的列索引数组。

onlyColumns    Array Default : null  -包含将永远有指定过滤器从零开始的列索引数组。覆盖ignoreColumns。如果设置,则在此数组中仅列将被分配的过滤器。

rowsDisplay   String Default : xlsTableFilterRowsDisplay -打印行数的元素显示。如果指定的字符串,具有该ID的元素将被使用。

截图

title="xlstablefilterscreenshot.png"/>

相关插件-筛选及排序

前端表格排序插件,支持ajax分页

jQuery前端表格排序插件,支持ajax分页,后端分页只排序当前页,或前端分页排序
  筛选及排序
 37881  366

jQuery根据条件筛选数据

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

angular过滤搜索

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

仿当当移动端筛选

仿当当网移动端条件筛选
  筛选及排序
 40363  370

讨论这个项目(12)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    Es muss sein 0
    2017/12/7 17:12:25

    请问这个插件怎么用在ajax动态加载的表格上

    回复
    Es muss sein 0
    2017/12/6 17:59:18
    请问 这个插件怎么改能让鼠标点击表头里的下三家箭头才弹出这个排序过滤的对话框
        凯轩族0
        2018/5/28 11:34:17
        改动一下控件,把点击事件改在th下面的下三角按钮,即可
    回复
    呵了个大呵 0
    2017/8/29 17:49:25

    插件有个BUG,多个列筛选时,每次都按照全部数据筛选,并不能在已筛选的结果基础上进行筛选

    回复
    lidongqian 0
    2017/6/5 11:07:43
    SiriBen 0
    2017/2/5 14:44:26

    这个东西是好东西,如果能附带上关于参数设置的文档就完美了,先给五星

    回复
    Mo麽? 0
    2017/1/30 1:32:53
    Guo佳佳 0
    2016/11/28 10:11:12
    怎么把筛选的数据配合显示在url参数中呢 回复
    axiuluozhinu 0
    2016/11/8 18:11:15
    'Mirinda 0
    2016/11/1 11:11:15
    基本能满足需求 但是如果能指定筛选列就好了 ~
        Guo佳佳 0
        2016/11/28 10:11:25
        对呀
        Guo佳佳 0
        2016/11/28 11:11:03
        ignoreColumns: [1]  这里参数里面可以设置
    回复
    WEB小妞 0
    2014/3/12 13:49:00

    非常非常感谢您对本站的建议,我们以后将尽力达到您的要求。在次感谢!!!

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复