html表的固定列中斷布局

Question

我需要創建一個表格，其中第一列固定，其余列可水平滾動。

當我在網站上實現它時，我設法成功實現了BUT，但它似乎無法正常工作。

當我固定表頭時，第一列會中斷布局

當我將其與普通表一起使用時，它可以工作，但不適用於我的主題

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

不含CSS的表格： http : //www.vidznet.com/table/2.html

帶有CSS的表格： http : //www.vidznet.com/table/1.htm

有人可以告訴我可能有什么沖突嗎？

更新：我需要固定的第一列是從第二列開始的滾動條，如下所示

應該是這樣的： 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％，具體取決於您希望下划線走多遠才能與其他固定元素匹配。