{hero}

searchPanes.panes.dtOpts

自:SearchPanes 1.0.0 起

定义针对自定义窗格的 DataTables 选项。
请注意 - 此属性需要 DataTables 的 SearchPanes 扩展。

说明

默认情况下,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: {
				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']]
						}
					}
				]
			}
		}
	}
});

相关内容

以下选项直接相关,在你的应用程序开发中可能也有用。