searchPanes.panes.dtOpts
自:SearchPanes 1.0.0 版本起
定義自訂窗格的 DataTables 選項。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充套件。
描述
作為標準,SearchPanes 會使用 columns.searchPanes.dtOpts
中定義的選項,覆寫 SearchPanes 程式碼為該欄定義的選項。
透過在初始化中覆寫此值,窗格可以像 DataTables 一樣完全自訂。
此功能很有用,因為它允許所有標準 DataTables 選項和 API 方法在窗格中可用。
所有窗格都可以使用 searchPanes.dtOpts
選項進行修改。
類型
預設值
- 值:
undefined
columns.searchPanes.dtOpts
參數的預設值為 undefined
。當此預設值生效時,將應用 SearchPanes 的預設值。
範例
定義自訂窗格 DataTables 選項
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']]
}
}
]
}
}
}
});
相關
以下選項直接相關,可能在您的應用程式開發中也很有用。