如何使用Javascript隐藏表头

Question

如何在javascript中隐藏表格标题。

详细说明我正在使用easyui-datagrid，我必须隐藏列标题。

请指导我解决此问题。

提前致谢。

Answer 1

如果您在没有任何框架（如jQuery等）的帮助下使用纯javascript，您应该为表提供一个id并将表对象分配给变量：

var tb = document.getElementById("your-table-id");

然后在表格中找到“thead”标签并隐藏它，如下所示：

tb.getElementsByTagName("thead")[0].style.display = "none";

请注意，getElementsByTagName返回一个html元素数组， 由于有效表格可以包含0或1个“thead”副本，如果您确定表格中有标题，则可以安全地访问第一个元素并更改其可见性。

Answer 2

如果你真的需要使用JavaScript，那么你应该能够使用标准选择器和jQuery并使用Hide方法：

$("#id or .class of header row").hide();

但我建议改用CSS：

#id or .class of header row {
    display: none;
}

使用CSS路线影响较小，所有jQuery都会将相同的样式直接应用于元素。

Answer 3

我用这段代码做了：

 $('#my-ddata-grid').datagrid({
 ....
 ....
 });

jQuery('.datagrid-header-inner').hide();

你也可以删除其他元素，例如像这样的分页栏：

jQuery('.datagrid-pager.pagination').remove();

Answer 4

以下代码对我有用：

<style>
.datagrid-header-row {
    visibility: collapse;
}
</style>