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

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

.element { width: 100px !important; }