如何使用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>