隐藏过滤器输入框而不是禁用+ 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); 
}

由于隐藏了那个，因此也会移除桌子的内边界，从而产生令人不快的视觉效果。