2

这几天一直困扰着我......我研究了解决方案，发现很少但没有一个对我有用......

我按照这个例子创建了一个选项卡式表，它可以工作。但是，在第二个选项卡中，我的标题完全未对齐。像这样，什么时候应该是这样。

注意：我在表格上没有外部 CSS，并且我尝试使用大多数解决方案，包括DataTables 固定标题与宽表中的列不对齐，以及这个.

这就是我用来初始化两个表的方法。

$('table.display').dataTable({
    "sScrollY": "350px",
    "bPaginate": false,
    "bInfo": false,
    "oLanguage": {
        "sSearch": ""
    },
    "aoColumnDefs": [
        { "sWidth": "10%", "aTargets": [-1] }
    ],
    "bScrollAutoCss": false,
    "fnRowCallback": function (nRow, aData, iDisplayIndex, iDisplayIndexFull) {
        var index = iDisplayIndexFull + 1;
        $('td:eq(0)', nRow).html(index);
        return nRow;
    },
    "iDisplayLength": -1,
    "aaSorting": [[4, "desc"]]
});

这是针对标签的：

$("#tabs").tabs({
    "show": function (event, ui) {
        var oTable = $('div.dataTables_scrollBody>table.display',ui.panel).dataTable();
        if ( oTable.length > 0 ) {
            oTable.fnAdjustColumnSizing();
        }
    }
});
4

0 回答 0