jquery - 尽管从其他 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通常是气馁，但要回答“我怎么能强迫”，这就是要走的路。