如何使用Javascript隐藏表头

如何在javascript中隐藏表头

详细地说，我正在使用easyui datagrid，我必须在其中隐藏列标题

请引导我解决这个问题

---

提前谢谢

如果您确实需要使用JavaScript，那么您应该能够使用标准选择器和jQuery并使用隐藏方法：

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

但我建议改用CSS：

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

---

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

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

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

然后在表中找到“thead”标记并将其隐藏，如下所示：

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

注意getElementsByTagName返回一个html元素数组，

---

由于一个有效的表可以有0或1个“thead”出现，如果您确定您的表有标题，您可以安全地访问第一个元素并更改其可见性。

我使用以下代码完成了此操作：

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

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

您还可以删除其他元素，如分页栏，如下所示：

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

---

以下代码对我有效：

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

.datagrid标题行{
能见度：塌陷；
}

包含一些示例代码总是有帮助的，以便能够为您提供一个好的答案……您好，谢谢，这是固定的。easyui datagrid中有数据选项，如data options=“showHeader:false”亲爱的Kieron display:none隐藏我的表头。但我可以在table:hover上显示它吗？请