searchPanes.panes
自:SearchPanes 1.0.0 起
定义自定义窗格,以筛选所有列。
请注意 - 此属性需要适用于 DataTables 的 SearchPanes 扩展。
说明
默认情况下,SearchPanes 不会向页面添加任何自定义窗格。
它的操作方式与 columns.searchPanes.options
中的 options
数组相似。同时添加了一个 header
属性以容纳窗格标题。
当您想要在列中进行搜索时,此选项非常有用。从技术上讲,可以通过仅向现有窗格添加一个选项来实现此目的,但这可能会让最终用户感到困惑,因为他们可能认为该选项仅适用于对应列,而并非整个表格。
类型
数组
- 说明
searchPanes.panes
数组包含定义每个窗格的对象。每个对象都包含一个header
属性,其中包含窗格标题。还有与columns.searchPanes.options
格式相同的选项数组。还可以在对象中定义 dtOpts 和自定义类。有关它们的详细信息,请参见columns.searchPanes.dtOpts
和columns.searchPanes.className
。
默认值
- 值:
undefined
searchPanes.panes
的默认值为 undefined。如果没有定义自定义窗格,则不会添加任何窗格。
示例
定义自定义窗格:
new DataTable('#myTable', {
layout: {
top1: {
searchPanes: {
panes: [
{
header: 'custom',
options: [
{
label: 'Accountants in Tokyo',
value: function (rowData, rowIdx) {
return rowData[2] === 'Accountant' && rowData[3] === 'Tokyo';
}
}
]
}
]
}
}
}
});
相关内容
以下选项直接相关,也可能对你的应用程序开发有所帮助。