jqueryui选项卡，每个选项卡都有数据表。自动筛选每个表格

问题描述：

我有一个带有jqueryui标签页面的页面。第一个标签我显示整个表（未过滤）。在每个下一个选项卡中，我想显示相同的表格，但在第一列上过滤。我现在有什么，只是相同的数据显示x次.. 当我说“过滤器：真”，提供了一个搜索框.....我不认为我想要的，我只是想要的数据自动过滤... 数据[0]包含我的表格数据，数据[1]包含我的过滤器列表。jqueryui选项卡，每个选项卡都有数据表。自动筛选每个表格

$.each(data[1], function(key, work_center){ 
    $('#table_'+ iii).DataTable({ 
     data: data[0], 
     columns: [ 
      {title: 'WorkCenter', data: 'workCenter', width: '5%'}, 
      {title: 'Shop Order', data: 'shopOrder', width: '5%'}, 
      {title: 'Item', data: 'soItem', width: '10%'}, 
      {title: 'RawMatl', data: 'rawMateral', width: '10%'}, 
      {title: 'CreatedDate', data: 'soCreated', width: '10%'}, 
      {title: 'DueDate', data: 'soDueDate', width: '10%'}, 
      {title: 'QtyRqd', data: 'QtyReqrd', width: '5%'}, 
      {title: 'QtyFin', data: 'QtyFinished', width: '5%'}, 
      {title: 'Comment', data: 'soComment', width: '25%'}, 
      {title: 'User', data: 'soUser', width: '10%'} 
     ], 
     filter: false, 
     lengthChange: false, 
     paging: false, 
     processing: true, 
     serverSide: false, 
     autoWidth: false, 
     retrieve: false, 
     destroy: true, 
     info: false 
    }); 
    iii++; 
})

答

没关系，这是我得到它的工作...

$.each(data[1], function(key, work_center){ 
    **var wc_filter = '' + work_center;** 
    **table =** $('#table_'+ iii).DataTable({ 
     data: data[0], 
     columns: [ 
      { title: 'WorkCenter', data: 'workCenter', width: '5%'}, 
      {title: 'Shop Order', data: 'shopOrder', width: '5%'}, 
      {title: 'Item', data: 'soItem', width: '10%'}, 
      {title: 'RawMatl', data: 'rawMateral', width: '10%'}, 
      {title: 'CreatedDate', data: 'soCreated', width: '10%'}, 
      {title: 'DueDate', data: 'soDueDate', width: '10%'}, 
      {title: 'QtyRqd', data: 'QtyReqrd', width: '5%'}, 
      {title: 'QtyFin', data: 'QtyFinished', width: '5%'}, 
      {title: 'Comment', data: 'soComment', width: '25%'}, 
      {title: 'User', data: 'soUser', width: '10%'} 
     ], 
     filter: **true**, 
     lengthChange: false, 
     paging: false, 
     processing: true, 
     serverSide: false, 
     autoWidth: false, 
     retrieve: false, 
     destroy: true, 
     info: false 
    }); 
    **table 
     .columns(0) 
     .search(wc_filter) 
     .draw();** 
    iii++; 
});

我把我的数据表中配置的变量。然后我用 .columns（0）.search（wc_filter）.draw（）元素修改了变量。

我也将滤镜元素从false更改为true（尽管我宁愿没有搜索框出现？）

jqueryui选项卡，每个选项卡都有数据表。自动筛选每个表格

相关推荐