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-定义单个列的初始搜索