{hero}

渲染器

自 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'
	}
});

相關

以下選項直接相關,也可能在您的應用程式開發中很有用。