searchPanes.panes
自：SearchPanes 1.0.0 起
定義自訂窗格以篩選所有欄位。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充功能。
描述
預設情況下，SearchPanes 不會向頁面添加任何自訂窗格。
它的運作方式與 columns.searchPanes.options 中的 options 陣列類似。另外還新增了一個 header 屬性來保存窗格的標題。
當您想要跨欄位進行搜尋時，這非常有用。從技術上講，只需向現有窗格添加一個選項就可以實現，但這可能會讓最終使用者感到困惑，因為他們可能會認為該選項僅適用於相應的欄位，而不是整個表格。
類型
陣列
- 描述
searchPanes.panes陣列包含定義每個窗格的物件。每個物件都包含一個header屬性，該屬性保存窗格的標題。還有一個 options 陣列，格式與columns.searchPanes.options相同。也可以在物件中定義 dtOpts 和自訂類別。 有關這些的詳細資訊，請參閱columns.searchPanes.dtOpts和columns.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';
}
}
]
}
]
}
}
}
});相關
以下選項直接相關，也可能在您的應用程式開發中很有用。