jQuery Tablesorter列选择器小部件最初隐藏列

这个小部件的示例页面提到了一个类“columnSelector false”，它最初应该隐藏添加到标记中的列。 但即使在示例页面上，它也不起作用：

<!-- columnSelector-false will initially hide the column -->
<th  class="columnSelector-false" data-priority="6" data-selector-name="Gender">Sex</th>

性

加载页面时，弹出式选择器设置为“自动”，但即使我删除“自动”，仍会显示“性别”列。 也许我误解了“最初隐藏列”的含义，但在这种情况下，我想知道它还有什么其他含义

提示：column selector小部件不适用于colspan，但是如果标签插入到列选择器之前，您可以使用它。

实际上，使用“columnSelector false”是可行的。如果在该演示中更改列选择器复选框，则它似乎不起作用，因为它保存了您的选择

我设置了一个按钮来清除保存的columnSelector数据，以显示这种行为

$('button.columnSelectorButton').click(function(){
    $.tablesorter.storage( $table, 'tablesorter-columnSelector', [] );
    $.tablesorter.storage( $table, 'tablesorter-columnSelector-auto', {} );
    // reload the page (for this demo only!)
    document.location.reload(true);
});

您可以通过打开浏览器开发工具并清除本地存储（单击条目后按delete）来执行相同的操作

根据插件页面中的

通过包括从选择弹出窗口中删除列 data priority=“除1-6之外的任何内容”或数据列选择器=“禁用”或class=“列选择器禁用”

性

这将在选择弹出窗口中隐藏该列

<th  class="columnSelector-disable" data-selector-name="Gender">Sex</th>