jquery - 覆盖由 jQuery 主题滚轮设置的表格宽度

Question

我从 jQuery 主题滚轮创建了一个主题并将其应用到一个表（DataTable.net）。

问题是滚轮正在使用 jQuery 将宽度应用于表格，覆盖了我在我的 css 文件中定义宽度的尝试。如果不是因为有一些额外的 px 使滚动条出现，这会很好。我想要一个宽度，以便在用户可能增加列的大小之前，该条不可见。

我试图减小列的大小，但该大小被重新分配到我认为的其他列。

有人知道如何覆盖滚筒添加的样式吗？

Answer 1

我相信 ThemeRoller 主题默认提供 100% 的宽度。这样做的美妙之处在于，您所要做的就是将其包裹在另一个容器中。对于绝对死硬的语义纯粹主义者来说，这是 DOM 中的一个额外节点，它在标记方面不能达到最佳目的。我自己，我很愿意在这种情况下添加一个包装器。

我正在使用 ThemeRoller 和 DataTables 网格（所以，不是 100% 的页面宽度！）这是我的标记的骨架：

<div id="someTable" class="halfbox">
  <table id="dataTable-foo"></table>
</div>

CSS 有一些规则，但归结为：

.halfbox { width: 50%; /* or fixed pixel value */ }

我怀疑 50% 真的会完美地工作（边距、填充等），但你明白了：决定宽度的是包装器，而不是表格。

Answer 2

如果您在样式属性中使用 CSS 设置宽度，它应该覆盖样式表中的所有规则。此外，请尝试在规则末尾添加“！important”。

.element { width: 100px !important; }