Question

我想隐藏标题行，在表格中可见。（从桌面和移动设备上查看时）

我试过了：

"drawCallback":function(settings ){$("#mySelection thead").remove();} ,

虽然这段代码似乎以我想要的方式呈现表格（无标题），但它也会影响这里使用的按钮的输出。按钮设置为输出可见的任何内容（按列可见性切换）。

不幸的是，这段代码不仅删除了导出输出中的theader，还删除了表中的所有数据。

当我尝试时会发生同样的事情：

$("#mySelection thead").hide()

是否仍然保持输出之前的状态，只隐藏视图中的表头，就像在列标题的行中一样？我想保持按钮（copy，excel，pdf，colvis）处理表格数据。

https://jsfiddle.net/287fum2q/

编辑：

在CSS中使用以下代码会导致我在问题的第一部分中提到的问题：

.ui.table thead { display: none !important; }

就像这样：

thead { display: none!important; }

如果你可以包含一个显示解决方案的已保存的jsfiddle，那就更有用了。

Answer 1

public class Withdraw extends Deposite { double cash; public double Withdraw(double withdraw){ super.Deposite(withdraw); cash -=withdraw; return cash; } void print (){ System.out.printf("You Cash Balance now is $%5.2f",cash); System.out.println(" "); } } css与thead冲突，因此使用semanticui.min.css来覆盖css

!important

Answer 2

似乎DataTables Jquery插件可能有错误。 DataTables假定标题显示不会设置为none。设置标题display:none时，它会阻止DataTables按钮按预期工作。

Here's your workaround：

  .ui.table thead {
    position: absolute !important;
    top: -9999px !important;
    left: -9999px !important;
  }

这会删除标题，但DataTables按钮仍然具有正常工作所需的功能。我刚刚了解到这可能是一种很好的做法（令人惊讶），因为display:none makes content "inaccessible" to screen readers.

如何隐藏DataTables中的标题行？

2 个答案: