columns.searchPanes.orthogonal

設定渲染函數的正交資料值。
請注意 - 此屬性需要 DataTables 的 SearchPanes 擴充功能。

描述

columns.searchPanes.orthogonal 用於建立自訂渲染函數。將其值設定為字串，它會告訴 SearchPanes 如何顯示和篩選從 DataTable 提供的資料。

SearchPanes 在填入表格時使用渲染，並且預設會使用 columns.searchPanes.orthogonal.display 屬性渲染顯示值，並在篩選時使用 columns.searchPanes.orthogonal.filter 值來識別要使用的值。

columns.searchPanes.orthogonal 通常只在處理陣列時定義為字串。透過將 render 物件設定為以下值

{
    render: {
        _: '[, ].name',
        sp: '[].name'
    }
}

並將 columns.searchPanes.orthogonal 設定為 'sp'，原始陣列將以逗號分隔的列表顯示在 dataTable 中，而在 SearchPane 中，每個個別元素將會顯示。然後可以通過個別元素而不是整個陣列組合進行搜尋。

類型

預設值

• 值：object

columns.searchPanes.orthogonal 物件的預設值如下所示

orthogonal: {
    display: 'display',
    search: 'filter',
    sort: 'sort',
    type: 'type'
}

這表示預設情況下，窗格將顯示與 DataTable 相同的資料，並使用 DataTable 中的原始資料進行搜尋。

範例

{ 
    data: "salary", 
    render: DataTable.render.number( ',', '.', 0, '$' ) 
}

{
	data: 'permission',
	render: {
		_: '[, ].name',
		sp: '[].name'
	},
	layout: {
		top1: {
			searchPanes: {
				orthogonal: 'sp'
			}
		}
	}
}

相關

以下選項直接相關，可能對您的應用程式開發也有用。