jquery - 隐藏过滤器输入框而不是禁用+ tablesorter 2

Question

我需要一点帮助。我正在使用 JQuery TableSorter 2 (http://mottie.github.com/tablesorter/) 的一个分支来工作和过滤我的表。如果我不想将某些列用作过滤器，我只需将“filter-false”作为一个类添加到选定的列标题。

我的主要问题是是否有一种方法可以真正隐藏选定列上的过滤器框，而不仅仅是禁用它们...

谢谢

伊曼纽尔

Answer 1

这是默认的CSS：

/* optional disabled input styling */ 
table.tablesorter thead tr.tablesorter-filter-row input.disabled { 
    opacity: 0.5; 
    filter: alpha(opacity=50); 
}

正如所见，一个disabled类应用于那些禁用的过滤器，因此您可以使用 css 来应用display:none或应用visibility:hidden它：

tr.tablesorter-filter-row input.disabled {
    display: none;
}

Answer 2

我建议简单地坚持：

/* optional disabled input styling */ 
table.tablesorter thead tr.tablesorter-filter-row input.disabled { 
   opacity: 0.0; 
    filter: alpha(opacity=0); 
}

由于隐藏了那个，还删除了表格的内边框，从而产生了令人不快的视觉效果。