尽管从其他jquery脚本改变，总是设置相同的css

Question

我有一个大约40列和多行的表。我正在使用colvis，datatools等dataTables功能。但在使用某些功能后，表格宽度会发生如下变化

原始

<div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px none; width: 100%;">
<div class="dataTables_scrollBody" style="overflow: auto; width: 100%; height: 500px;">
<div class="dataTables_scrollFoot" style="overflow: hidden; border: 0px none; width: 100%;">

改变

<div class="dataTables_scrollHead" style="overflow: hidden; position: relative; border: 0px none; width: 5483px;">
<div class="dataTables_scrollBody" style="overflow: auto; width: 5483px; height: 500px;">
<div class="dataTables_scrollFoot" style="overflow: hidden; border: 0px none; width: 5483px;">  

这里宽度从100％变为5483px，我怎么能一直强制宽度为100％

Answer 1

使用带有!important规范的CSS样式声明：

.dataTables_scrollBody { width: 100% !important; }

一般情况下，!important通常不鼓励，但要回答“我怎么强迫”，这就是要走的路。