Javascript jQuery DataTables:在初始化时为命名列设置搜索筛选器

Javascript jQuery DataTables:在初始化时为命名列设置搜索筛选器,javascript,jquery,datatables,Javascript,Jquery,Datatables,基本上,我希望在初始化数据表时实现此命令 $('#trainings-table').DataTable().column('status:name').search('planned').draw(); 所以,我试过: $('#trainings-table').DataTable({ columnDefs: [{ targets: 'status:name', search: 'planned' }, ] })

基本上,我希望在初始化数据表时实现此命令

$('#trainings-table').DataTable().column('status:name').search('planned').draw();
所以,我试过:

$('#trainings-table').DataTable({
    columnDefs: [{
            targets: 'status:name',
            search: 'planned'
        },
    ]
})
但这不起作用。我还尝试将目标更改为精确的列号(例如,
目标:2
),并且不使用此命名目标,但这似乎不是问题所在

我的数据表:

<table id="trainings-table">
    <thead>
        <tr>
            <th data-name="name">description</th>
            <th data-name="status">Status</th>
            <th data-name="date">date</th>
            <th date-name="duration">days</th>
        </tr>
    </thead>
    <tbody>
        <!-- Expected behaviour: This row below should be hidden after initialization --> 
        <tr>
            <td>Training 1</td>
            <td>Completed</td>
            <td>28.04.2019</td>
            <td>1 day</td>
        </tr>
        <!-- Expected behaviour: Only show row below after initialization --> 
        <tr>
            <td>Training 2</td>
            <td>Planned</td>   
            <td>05.05.2019</td>
            <td>2 days</td>
        </tr>
                ...
    </tbody>
</table>

描述
地位
日期
天
培训1
完整的
28.04.2019
一天
培训2
计划
05.05.2019
2天
...
您需要使用
列定义
选项设置属性

下面是代码示例:

$(文档).ready(函数(){
变量表=$(“#培训表”).DataTable({
dom:‘t’,
栏目:[
{name:'name'},
{name:'status'},
{name:'date'},
{name:'持续时间'}
],
searchCols:[
无效的
{搜索:'计划'},
无效的
无效的
]
});
});

描述
地位
日期
天
培训1
完整的
28.04.2019
一天
培训2
计划
05.05.2019
2天
您需要使用
列定义
选项设置属性

下面是代码示例:

$(文档).ready(函数(){
变量表=$(“#培训表”).DataTable({
dom:‘t’,
栏目:[
{name:'name'},
{name:'status'},
{name:'date'},
{name:'持续时间'}
],
searchCols:[
无效的
{搜索:'计划'},
无效的
无效的
]
});
});

描述
地位
日期
天
培训1
完整的
28.04.2019
一天
培训2
计划
05.05.2019
2天

您应该将所有html/js添加到问题您应该将所有html/js添加到问题当您可以使用实际OP的数据时,复制粘贴datatables.net示例没有意义。您可以使用以下内容使
选项看起来更紧凑:
列:['name','status','date','duration']。map(header=>({name:header}))
@fydelio columns没有搜索属性。也许您需要searchCols-定义单个列的初始搜索。例如,当您可以使用实际OP的数据时,复制粘贴datatables.net是没有意义的。您可以使用以下内容使
选项看起来更紧凑:
列:['name','status','date','duration']。map(header=>({name:header}))
@fydelio columns没有搜索属性。也许您需要searchCols-定义单个列的初始搜索