僅顯示已選取

透過篩選，僅顯示已選取的列，或顯示所有列

作者：Caleb Harrelson
需求：TableTools

與 TableTools 和可選取的列結合使用，此功能可讓您在顯示所有列和僅顯示已選取的列之間切換。

使用方式

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

瀏覽器

此外掛程式可在 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/filtering/row-based/TableTools.ShowSelectedOnly.mjs';

CommonJS

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

var $ = require('jquery');
var DataTable = require('datatables.net');
require('datatables.net-plugins/filtering/row-based/TableTools.ShowSelectedOnly.js');

範例

$('#example').dataTable({
    "sDom": 'T<"clear">Sfrtip',
    "oTableTools": {
        "sRowSelect": "multi",
    },
    "oLanguage": {
        "oFilterSelectedOptions": {
            AllText: "All Widgets",
            SelectedText: "Selected Widgets"
        }
    }
});

版本控制

如果您對於如何改進此外掛程式有任何想法，或發現任何錯誤，都可以在 GitHub 上找到它，並且非常歡迎您提交 Pull Request！

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