仅显示选定的内容

通过筛选仅显示所选行或所有行

作者：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 上获取，非常欢迎提交请求！

该插件：TableTools.ShowSelectedOnly.js
完整的 DataTables 插件资源库：DataTables/Plugins