{hero}

searchPanes.panes.dtOpts

自:SearchPanes 1.0.0

定义自定义窗格的 DataTables 选项。
请注意 - 此属性需要 SearchPanes 扩展才能用于 DataTables。

说明

一般来说,SearchPanes 会使用 columns.searchPanes.dtOpts 中定义的选项覆盖 SearchPanes 代码为特定列定义的选项。

通过在初始化中覆盖此值,窗格可像 DataTable 一样完全自定义。

此功能非常实用,因为它允许窗格使用所有标准 DataTables 选项和 API 方法。

所有窗格可以通过使用 searchPanes.dtOpts 选项进行更改。

类型

object

说明

窗格可以像标准 DataTable 一样进行自定义,因为它也是 DataTables 的一个实例。窗格属性可以在 dtOpts 对象中定义。

默认值

  • 值:undefined

对于 columns.searchPanes.dtOpts 参数的默认值是 undefined。启用此默认值后,将应用 SearchPanes 的默认设置。

示例

定义自定义窗格 DataTable 选项

new DataTable('#myTable', {
	layout: {
		top1: 'searchPanes'
	},
	searchPanes: {
		panes: [
			{
				header: 'Custom',
				options: [
					{
						label: 'Accountants from Tokyo',
						value: function (rowData, rowIdx) {
							return rowData[1] === 'Accountant' && rowData[2] === 'Tokyo';
						}
					}
				],
				dtOpts: {
					paging: true,
					order: [[1, 'desc']]
				}
			}
		]
	}
});

相关内容

下列选项与之紧密相关,在你的应用程序开发中可能也会有用。