Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/excel/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Datatables高级筛选菜单,如Excel或Kendo UI网格?_Javascript_Excel_Gridview_Filter_Datatables - Fatal编程技术网

Javascript Datatables高级筛选菜单,如Excel或Kendo UI网格?

Javascript Datatables高级筛选菜单,如Excel或Kendo UI网格?,javascript,excel,gridview,filter,datatables,Javascript,Excel,Gridview,Filter,Datatables,我很惊讶在DataTables中没有发现类似Excel的过滤(因为它是一个广泛使用的高级插件)。这是否存在,或者是否有一种简单的方法来实现?下面是高级菜单过滤器(如Excel)的示例。谢谢 剑道界面: 用于jQuery数据表 请参阅下面的演示或演示 $(文档).ready(函数(){ 变量表=$(“#示例”).DataTable(); yadcf.init(表[{ 列号:0 }, { 列号:1, 过滤器类型:“范围\u编号\u滑块” }, { 列号:2, 过滤器类型:“日期” }, { 列号

我很惊讶在DataTables中没有发现类似Excel的过滤(因为它是一个广泛使用的高级插件)。这是否存在,或者是否有一种简单的方法来实现?下面是高级菜单过滤器(如Excel)的示例。谢谢

剑道界面:

  • 用于jQuery数据表

    请参阅下面的演示或演示

    $(文档).ready(函数(){
    变量表=$(“#示例”).DataTable();
    yadcf.init(表[{
    列号:0
    }, {
    列号:1,
    过滤器类型:“范围\u编号\u滑块”
    }, {
    列号:2,
    过滤器类型:“日期”
    }, {
    列号:3,
    过滤器类型:“自动完成”,
    文本\数据\分隔符:,“
    }, {
    列号:4,
    列数据类型:“html”,
    html_数据_类型:“文本”,
    过滤器\默认\标签:“选择标签”
    }]);
    //引导:调整
    $('.yadcf筛选器包装器').addClass('input-group');
    $('.yadcf filter,.yadcf filter date',this.addClass('form-control input sm');
    $('.yadcf过滤器重置按钮',this.addClass('btn btn默认btn sm').wrap('');
    });
    
    table.dataTable thead.sorting::after,table.dataTable thead.sorting_asc::after,table.dataTable thead.sorting_desc::after,table.dataTable thead.sorting_asc_disabled::after,table.dataTable thead.sorting_desc::after{
    顶部:8px;
    }
    .yadcf数字滑块过滤器包装内部{
    宽度:100px!重要;
    }
    
    jQuery数据表
    一些数据
    数字
    日期
    价值观
    标签
    一些数据1
    1000
    01/24/2014
    a_值,b_值
    Tag1 Tag2
    一些数据2
    22
    02/20/2014
    b_值,c_值
    Tag1 Tag3
    一些数据3
    33
    02/26/2014
    a_值
    Tag2 Tag3
    一些数据4
    44
    02/11/2014
    b_值
    Tag2
    一些数据5
    55
    02/29/2014
    a_值,b_值
    Tag1 Tag2
    一些数据1
    111
    11/24/2014
    c_值,d_值
    Tag2
    一些数据2
    222
    02/03/2014
    e_值,f_值
    Tag3 Tag4 Tag5
    一些数据3
    33
    02/03/2014
    a_值,bb_值
    Tag5
    一些数据4
    444
    03/24/2014
    a_值,f_值
    标签4
    一些数据5
    55
    03/22/2014
    a_值,c_值
    Tag1 Tag2
    一些数据1
    300
    02/20/2014
    a_值,b_值
    Tag1 Tag3
    一些数据2
    242
    02/04/2014
    d_值,aa_值
    Tag1
    一些数据3
    703
    02/05/2014
    a_值,c_值
    Tag1 Tag2
    一些数据4
    604
    02/25/2014
    a_值,bb_值
    Tag1 Tag2
    一些数据5
    550
    02/01/2014
    c_值,e_值
    Tag2
    一些数据1
    901
    02/02/2014
    a_值,e_值
    Tag1
    一些数据11
    911
    02/22/2014
    a_值,e_值
    标签11
    
    带有列菜单的默认过滤机制与您给出的第二个示例非常相似。或者,您现在也可以使用新的筛选行功能,然后将其预设为特定的筛选操作,例如包含、等于等。或者,您可以为列添加自己的自定义筛选,例如,您希望根据国家/地区、城市等项目的谨慎列表进行筛选。这是一个很棒的示例,但是我如何用DataTables实现这一点呢?那么,你是说你想将网格绑定到DataTable集合而不是IEnumerable集合?我是说我想在我的表标题中使用过滤器图标来实现更深入的过滤功能。那么,你不是在使用剑道网格来显示这些数据吗?如果您有pro许可证,那么您可以将数据源/数据表绑定到网格,然后实现这些功能。如果您没有这一点,那么您尝试实现的一小部分将是非常好的。