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

Question

我从 jQuery 主题滚轴创建了一个主题并将其应用到一个表 (DataTable.net)。

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

我曾尝试减小列的大小，但我认为该大小已重新分配给其他列。

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

Answer 1

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

我正在使用 ThemeRoller 和 DataTable 网格(因此，不是 100% 的页面宽度!)这是我的标记的框架:

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

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

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

我怀疑 50% 是否真的能完美工作(边距、填充等)，但你明白了:决定宽度的是包装器，而不是表格。