Как полностью подавить заголовки таблиц в jQuery DataTables?

Я использую плагин DataTables (www.datatables.net) для jQuery для отображения таблиц на веб-странице.

Прочитав документацию и выполнив некоторые поиски, я не могу понять, как полностью подавить или скрыть заголовки таблиц с помощью параметров DataTables или API.


person mydoghasworms    schedule 18.07.2011    source источник


Ответы (4)


Почему бы вам просто не скрыть их через css (я думаю, что для работы datatables требуется раздел thead)?

.dataTables_wrapper table thead{
    display:none;
}

поиграйте здесь: http://jsfiddle.net/LhZF3/

person Nicola Peluchetti    schedule 18.07.2011
comment
Спасибо. Возиться с DOM/CSS — не самое элегантное решение, но, по крайней мере, оно работает :-) - person mydoghasworms; 18.07.2011
comment
Работает отлично, но все же очень странно, что сам API не раскрывает такой функционал. - person Yaron Levi; 19.09.2013

Я знаю, что вопрос довольно старый, но я искал его сегодня и нашел другое решение...

В вашем файле js/coffee:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: -> $("#selector thead").remove()
})

Чистый вариант JS:

$("#selector").dataTable({
  ... your other options ...

  fnDrawCallback: function() {
    $("#selector thead").remove();
  }
});
person s.krueger    schedule 18.04.2013
comment
у меня это сработало - с display:none заголовок таблицы по-прежнему влияет на рендеринг тела. - person Benjamin; 29.04.2014
comment
См. также здесь: stackoverflow.com/questions/16802753/ - person Thomas Kekeisen; 02.06.2015

Просто добавьте встроенный стиль style display:none в свой тег thead.

    <thead style="display:none;">
    </thead>
person Lucky    schedule 28.06.2017

Просто добавьте это в свой css:

thead {
  display:none;
}
person Esa Mäkinen    schedule 11.11.2016
comment
Осторожный. Это подавит все заголовки из всех таблиц, независимо от Datatables или нет. - person Ryan Shillington; 10.11.2017