如何在columnselector中选择最多7列?

时间:2016-07-18 08:22:24

标签: datatables tablesorter

我正在使用tablesorter widget-columnSelector.js文件。

一次使用columnselector需要选择最多7列。

因为我的代码在columnselector中有12列,如果我在屏幕外的时间表中选择了12列。

我需要解决方案使用columnselector选择最大 7 列。

提前感谢您的帮助。

1 个答案:

答案 0 :(得分:1)

我已经更新了columnSelector小部件。在v2.27.0中将添加两个选项(在本文发布时尚未发布)。

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

有一点需要注意的是,任何已禁用的列(在列选择器中不可见)都不会计入此最小值/最大值。

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

$(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
    }
  });
});