jQuery数据表隐藏了thead

Question

我想隐藏数据表thead如果表没有任何数据。

oTable_topics =$('#showTopics').dataTable({
    "bLengthChange": false,
    "bStateSave": true,
    "iDisplayLength": 12,                               
    "bScrollCollapse": true,       
    "bJQueryUI": true,
    "bAutoWidth": false,
    "sAjaxSource": "server_processing.php",
    "sPaginationType": "full_numbers",
    "bProcessing": true
    });
    function clickRowHandler_topics() {
        $('#showTopics tbody tr').bind('click', function () {
            var aData = oTable_topics.fnGetData( this );
            iId_topics = aData[1];
        });
    }

我认为如果表没有任何数据隐藏thead有利于为用户显示任何消息，如何隐藏？

Answer 1

试试这个：

"fnDrawCallback": function ( oSettings ) {
    $(oSettings.nTHead).hide();
}

"fnDrawCallback" function is called on every 'draw' event, and allows you to dynamically modify any aspect you want about the created DOM.

Answer 2

尝试添加此选项：

"sDom": 'rt'

它会隐藏页眉和页脚，但首先，您仍然需要检查是否有返回数据。

Answer 3

我知道这是一个老问题，但是要回答其他人，因为这是我在研究如何做时的最高结果。

DataTables 1.10答案

"drawCallback": function() {
  $(this.api().table().header()).hide();
}