Question

我有一个带有jqueryui标签布局的页面。我显示整个表格的第一个标签（未过滤）。在每个下一个选项卡中，我想显示相同的表，但在第一列上过滤。我现在拥有的，只是显示x次的相同数据.. 当我说＆＃34; filter：true＆＃34;，它提供了一个搜索框.....我不认为我想要那个，我只想自动过滤数据...... data [0]包含我的表数据，data [1]包含我的过滤器列表。

.ButtonOrange {
    width: 161px;
    height: 160px;
    float: left;
    display: inline-block;
    border-style: hidden;
    border-width: 0px;
    border-color: inherit;
    padding: 12px;
    margin: 5px;
    background-color: #F66907;
    color: #FFF;
    border-radius: 6px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-style: normal;
    text-decoration: none;
    position: relative;
}

Answer 1

好吧，这就是我的工作方式......

$.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（）elements。

我还将filter元素从false更改为true（虽然我不想显示搜索框？）

jqueryui选项卡，每个选项卡都有数据表。自动过滤每个表

1 个答案: