Warm tip: This article is reproduced from serverfault.com, please click

datatable jquery-表标题宽度与主体宽度不一致

(datatable jquery - table header width not aligned with body width)

发布于 2013-06-21 14:31:13

我正在使用jQuery数据表。运行应用程序时,标头宽度与主体宽度不对齐。但是,当我单击页眉时,它与主体的宽度对齐,但是即使如此,仍然存在一些光线未对齐的情况。仅在IE中会出现此问题。

JSFiddle

页面加载后的外观如下:

在此处输入图片说明

单击标题后:

在此处输入图片说明

我的数据表代码:

$("#rates").dataTable({
    "bPaginate": false,
    "sScrollY": "250px",
    "bAutoWidth": false,
    "bScrollCollapse": true,
    "bLengthChange": false,
    "bFilter": false,
    "sDom": '<"top">rt<"bottom"flp><"clear">',
    "aoColumns": [{
            "bSortable": false
        },
        null,
        null,
        null,
        null
    ]
});

rates是我的表格ID。
有人可以帮我吗?提前致谢。

Questioner
kishore
Viewed
1
kishore 2013-06-25 19:32:05

找到了解决方案:

添加table-layout:fixed到表中。并以IE模式打开应用程序。