固定列的html表打破布局

Question

我需要创建一个表，其中第一列是固定的，其余列可以水平滚动。

我成功地实现了这一点，但是当我在我的网站上实现它时，它似乎并没有起作用。

当我固定桌面时，第一列打破了布局

当我使用普通表时，它可以使用，但不能用我的主题

.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％，具体取决于您希望下划线的距离，以适应其他固定元素。