固定のhtmlテーブルレイアウトのカラム

Question

最初のカラムが固定され、残りのカラムが水平にスクロール可能なテーブルを作成する必要があります。

私はこれをうまく実装することができましたが、私のウェブサイトに実装しても動作していないようです。

私はテーブルのヘッドが固定させる際に、最初の列は、レイアウト

私は無地のテーブルでこれを使用するとき、それは、CSSなしで働く私のテーマ

.table-wrapper th:first-child { 
    position: fixed; 
    left: 5px 
} 

表で動作しますが、ないを破ります：http://www.vidznet.com/table/2.html

CSSを使用した表：http://www.vidznet.com/table/1.htm

誰かが矛盾するかもしれないものを私に伝えることができますか？

アップデート：私は必要なもの が固定された最初の列であり、この

状の第2のカラムから開始するスクロールバーがそれは次のようにする必要があります：http://vidznet.com/table/table1.jpg

が、私のCSSのテーマで、それが見えますこのhttp://vidznet.com/table/table2.jpg

Answer 1

のような問題は、あなたのCSSプロパティである：

.table.table-striped > thead:first-child > tr > th:first-child { 
    width: 25%; 
    text-align: left; 
} 

カラムの幅が大きすぎます。アンダーラインをどのくらい遠くにしたいか、他の固定要素に合わせる方法に応じて、5〜12％に変更する必要があります。