Как скрыть заголовок таблицы с помощью Javascript

Question

Как скрыть заголовки таблиц в javascript.

Подробно я использую easyui-datagrid, в котором мне нужно скрыть заголовок столбца.

Прошу вас, чтобы исправить это.

Заранее спасибо.

Answer 1

Если вам действительно нужно использовать JavaScript, то вы должны быть в состоянии использовать стандартные селекторы и Jquery и использовать метод Hide:

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

Но я бы рекомендовал использовать CSS вместо:

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

Это меньшее воздействие с использованием CSS-маршрута, и все jQuery будут применять этот же стиль непосредственно к элементу.

Answer 2

Если вы используете чистый JavaScript без помощи каких-либо рамок, как JQuery и т.д., вы должны дать идентификатор в таблицу и присвоить табличный объект переменной:

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

, а затем найти «THEAD "тег внутри таблицы и скрыть его, следующим образом:

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

к сведению, что getElementsByTagName возвращает массив HTML элементов, с момента действительной таблицы может иметь 0 или 1„THEAD“occurrencies, если вы уверены, что ваши таблица имеет заголовки, вы можете вырезать первый элемент и изменить его видимость.

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>