{hero}

searchPanes.panes

自:SearchPanes 1.0.0 起

定义自定义窗格,以筛选所有列。
请注意 - 此属性需要适用于 DataTables 的 SearchPanes 扩展。

说明

默认情况下,SearchPanes 不会向页面添加任何自定义窗格。

它的操作方式与 columns.searchPanes.options 中的 options 数组相似。同时添加了一个 header 属性以容纳窗格标题。

当您想要在列中进行搜索时,此选项非常有用。从技术上讲,可以通过仅向现有窗格添加一个选项来实现此目的,但这可能会让最终用户感到困惑,因为他们可能认为该选项仅适用于对应列,而并非整个表格。

类型

数组

说明

searchPanes.panes 数组包含定义每个窗格的对象。每个对象都包含一个 header 属性,其中包含窗格标题。还有与 columns.searchPanes.options 格式相同的选项数组。还可以在对象中定义 dtOpts 和自定义类。有关它们的详细信息,请参见 columns.searchPanes.dtOptscolumns.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';
								}
							}
						]
					}
				]
			}
		}
	}
});

相关内容

以下选项直接相关,也可能对你的应用程序开发有所帮助。