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++; 
})

來源

2015-11-05 gMagQcy

沒關係，這是我得到它的工作...

$.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（儘管我寧願沒有搜索框出現？）

來源

2015-11-05 19:24:14 gMagQcy

jqueryui選項卡，每個選項卡都有數據表。自動篩選每個表格

回答

相關問題