searchPanes.panes.dtOpts
自:SearchPanes 1.0.0
為自訂窗格定義 DataTables 選項。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充功能。
描述
依照標準,SearchPanes 會使用 columns.searchPanes.dtOpts
中定義的選項覆寫由 SearchPanes 程式碼定義的該欄選項。
透過在初始化中覆寫此值,可以像自訂 DataTable 一樣完全自訂窗格。
此功能很有用,因為它允許所有標準 DataTables 選項和 API 方法都可用於窗格。
可以使用 searchPanes.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']]
}
}
]
}
});
相關
以下選項直接相關,也可能在您的應用程式開發中很有用。