如何select columnselector 中最多7列？

Question

我正在使用 table分拣小部件-columnSelector.js 文件。

通过使用列select或一次需要select最多 7 列。

因为我的代码在列中有 12 列select或者，如果我一次 select 12 列 table 走出屏幕。

我需要解决方案通过使用列select或select最多7列。

在此先感谢您的帮助。

Answer 1

我更新了 columnSelector 小部件。两个选项将在 v2.27.0 中添加（在此 post 时尚未发布）。

columnSelector_maxVisible - 设置最大可见列数。
columnSelector_minVisible - 设置最小可见列数。

需要注意的是，任何禁用的列（在列选择器中不可见）都不计入此 min/max 值。

我设置了 this demo 指向我存储库主分支中可用的代码。在任何列中添加 "columnSelector-disable" class 以体验我在上述警告中提到的内容。

$(function() {
  $(".custom-popup").tablesorter({
    theme: 'blue',
    widgets: ['zebra', 'columnSelector', 'stickyHeaders'],
    widgetOptions: {
      columnSelector_container: $('#columnSelector'),
      columnSelector_saveColumns: false,
      columnSelector_mediaquery: false,

      // set the maximum and/or minimum number of
      // visible columns (added v2.27.0)
      columnSelector_maxVisible: 3,
      columnSelector_minVisible: 1
    }
  });
});

如何select columnselector 中最多7列？

How to select maximum 7 columns in columnselector?

tablesorter

datatables