渲染器
自 DataTables 1.10 起
顯示元件渲染器類型。
描述
DataTables 會將複雜的元件加入到您的 HTML 頁面,例如分頁控制。用於計算應顯示哪些資訊(以分頁按鈕為例,哪些按鈕)的商業邏輯是 DataTables 的核心,並且通常不會根據頁面的樣式需求而改變按鈕的實際顯示方式。例如,分頁按鈕可能會顯示為 li
元素在 ul
列表中,或僅顯示為一組 a
按鈕。
這種使用不同渲染器的能力,同時保持相同的核心商業邏輯,對於 DataTables 如何為 CSS 框架(例如 Bootstrap、Foundation 和 jQuery UI)提供整合選項至關重要,它會客製化所使用的 HTML 以符合每個框架的需求。
此參數控制將使用哪些渲染器。如果存在這樣的渲染器,則將使用給定的值,否則將使用預設渲染器。額外的渲染器可以通過外掛程式添加。
DataTables 目前支援兩種不同的渲染器類型
header
- 標頭單元格渲染器layout
- 表格控制元素的位置(自 2.0 起)pagingButton
- 分頁按鈕(自 2.0 起)pagingContainer
- 分頁容器(自 2.0 起)
此列表可能會在未來版本的 DataTables 中顯著擴展!
類型
範例
使用 Bootstrap 外掛程式渲染器
new DataTable('#myTable', {
renderer: 'bootstrap'
});
為每個可用操作指定特定的渲染器類型
new DataTable('#myTable', {
renderer: {
header: 'jqueryui',
pagingButton: 'bootstrap',
pagingContainer: 'bootstrap'
}
});
相關
以下選項直接相關,也可能在您的應用程式開發中很有用。