隐藏在Chrome上的数据表标头

时间:2016-11-15 09:32:38

标签: jquery html css datatable datatables

我在6个月左右一直在使用Datatables插件,这太棒了。 但今天我面临一个我无法理解的问题。我调试了我的应用程序的每一行(js,css,html)以检查它是否是我的错,但一切似乎都很好。 基本上,当响应式操作到来时,我的数据表正在隐藏每个数据表的标题。这只发生在Google Chrome中。 Firefox,Safari,Vivaldi ....所有其他人一如既往地看起来很干净。

这里有截图来说明你: enter image description here

代码:

me.datTableObject = $(me.dataTableName).DataTable({
    "iDisplayLength": 25,
    "bStateSave": true,
    "sDom": "<'dt-toolbar'<'col-xs-12 col-sm-6'f><'hidden-xs col-sm-6'lC>r>" +
        "Zt" +
        "<'dt-toolbar-footer'<'hidden-xs col-sm-6'i><'col-xs-12 col-sm-6'p>>",
    "fnInitComplete": function() {
        this.removeClass("hidden");
        $(me.dataTableName).wrap("<div class='tableWrap'></div>");
    },
    "autoWidth": false, //!IMPORTANT If this is set to true, the width will not be dynamic as we wish.
    "columns": columns,
    "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        if (!me.datTableObject)
            return;

        var metadata = me.datTableObject.metadata;

        if (metadata) {
            me.colorTable(metadata, nRow, iDisplayIndexFull);
        };
    }
});

变量和其他方法来自jSon调用。我检查过,他们一如既往地好。

我希望你能帮助我,因为我不知道还有什么要做/检查。谢谢!

0 个答案:

没有答案