多重

使用多個渲染器

作者：Allan Jardine
需求：DataTables 1.10+

此渲染器本身不格式化輸出，而是允許輕鬆呼叫多個渲染器，依序渲染內容。

將您希望鏈結在一起的渲染器，作為陣列中的元素傳遞給此函數。重要 - 您應該傳遞渲染器，如同您要直接將其提供給 `render` 屬性一樣（即，如果它只是一個簡單的函數，請勿執行它）。

使用

此外掛程式可以透過多種不同的方式取得和使用。

瀏覽器

此外掛程式可在 DataTables CDN 上取得

然後，此外掛程式會自動向全域 DataTables 實例註冊。如果您使用 AMD 載入器（例如 Require.js），也可以使用此檔案。

請注意，如果您使用多個外掛程式，將外掛程式組合成單一檔案並將其託管在您自己的伺服器上，會比向 DataTables CDN 發出多個請求，在效能方面更有優勢。

NPM

這些外掛程式都可以在 NPM 上取得（也可以與 Yarn 或任何其他 Javascript 套件管理器一起使用），作為 datatables.net-plugins 套件的一部分。若要使用此外掛程式，請先安裝外掛程式套件

npm install datatables.net-plugins

ES 模組

然後，如果您使用 ES 模組，請匯入 datatables.net、您需要的任何其他 DataTables 擴充功能以及此外掛程式

import DataTable from 'datatables.net';
import 'datatables.net-plugins/dataRender/multi.mjs';

CommonJS

如果您使用 Node 的 CommonJS 載入器（例如，較舊版本的 Webpack 或非模組 Node 程式碼），請使用以下方法來 require 此外掛程式

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/dataRender/multi.js');

範例

// Convert dates using moment renderer and ensure they are HTML safe
  new DataTable( '#myTable', {
    columnDefs: [ {
      targets: 1,
      render: DataTable.render.multi( [
        DataTable.render.moment( 'Do MMM YYYY' ),
        DataTable.render.text(),
      ] )
    } ]
  } );

版本控制

如果您對如何改進此外掛程式有任何想法，或者發現任何錯誤，它可以在 GitHub 上取得，並且非常歡迎提交提取請求！

此外掛程式：multi.js
完整的 DataTables 外掛程式儲存庫：DataTables/Plugins