IE7中的动态JQUERY数据表宽度问题答案

【问题标题】：Dynamic JQUERY data table width issue in IE7IE7中的动态JQUERY数据表宽度问题
【发布时间】：2014-03-26 10:21:51
【问题描述】：

我们创建了一个动态 JQUERY 表，其中包含动态列（取决于计数值）并将其分配给 DIV 标记。然而，在 IE7 中，thead 和 tbody 超出了 DIV 标记。

看起来宽度是由 CSS 自动动态设置的，我们无法覆盖它。

有没有人遇到过类似的问题。请帮忙。

【问题讨论】：

dataTables_scrollBody & dataTables_scrollHeader CSS 我们需要在 DIV 中调整。但是它在 DIV 之外。

标签： c# jquery asp.net css jquery-datatables

【解决方案1】：

像这样使用重要的关键字。

width: 100px !important;

【讨论】：

不，它不起作用。标题和正文仍然在 DIV 之外。

【解决方案2】：

在 DataTable.css 文件中添加了以下几行，效果很好！！

table.display thead th div.DataTables_sort_wrapper 
{
/*Fix for width issue*/
    position: relative;
    clear: both;
    width:50px;
    overflow:hidden;
    word-wrap:break-word;
}

【讨论】：