jQueryテーマローラーで設定したテーブル幅をオーバーライドする

Question

jQueryテーマローラーからテーマを作成してテーブル（DataTable.net）に適用しました。

問題は、ローラーがjQueryを使用してテーブルに幅を適用していることです。私のCSSファイルで幅を定義しようとしています。スクロールバーを表示させる余分なpxがいくつかあるので、そうでなければこれはうまくいきました。私は、ユーザーがおそらく列のサイズを増やす前にバーが表示されないように幅を持たせたいと思っています。

私は列のサイズを小さくしようとしましたが、そのサイズは他の列に再分配されています。

ローラーが追加するスタイルをどのように上書きするか考えている人はいますか？

Answer 1

CSSを使用してスタイル属性に幅を設定すると、スタイルシート内のすべてのルールが上書きされます。さらに、ルールの最後に "！important"を追加してみてください。

.element { width: 100px !important; } 

Answer 2

私はThemeRollerテーマがデフォルトで100％の幅を与えると信じています。これの美しさは、あなたがしなければならないことは、それを別の容器に包むことだけです。絶対的な意味のないセマンティクスの純粋主義者にとって、これはマークアップの観点から可能な限り最良の目的を果たさないDOM内の余分なノードです。私自身、このような場合にはラッパーを追加したいと思っています。

I（ので、ページ幅のない100％！）ThemeRollerのとのDataTableのグリッドを使用しています。ここに私のマークアップのスケルトンです：

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

とCSSはいくつかのルールがありますが、沸騰まで：

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

私は、50％が文字通り完全に（マージン、パディング、などを）うまくいく疑うだろうが、あなたのアイデアを得る：それは幅ではなく、テーブルを決定ラッパーです。