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

Question

此小部件的示例页面提到了一个类＆＃34; columnSelector-false＆＃34;应该最初隐藏它被添加到＆lt; th＆gt;的列。标签。 tablesorter column selector example 但即使在示例页面上它也不起作用：

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

当您加载页面时，弹出选择器设置为＆＃34;自动＆＃34;，但即使我删除＆＃34;自动＆＃34; ＆＃34;性别＆＃34;专栏仍然显示。 也许我错过理解＆＃34;最初隐藏列＃34;的意思，但在那种情况下，我想知道它有什么其他含义......

提示：列选择器小部件不适用于colspan，但您可以使用＆lt; caption＆gt;如果它在＆lt; thead＆gt;之前插入，则标记。

Answer 1

实际上，使用＆＃34; columnSelector-false＆＃34;确实有效。如果您更改该演示中的列选择器复选框，它似乎无法正常工作，因为它可以保存您的选择。

我设置this demo，其中包含一个清除已保存的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);
});

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