如何滚动表格并将头部固定在顶部

Question

我创建了表格并修复了头部和身体，但我无法使用这个 CSS 滚动它：

        .t1 tbody {
            height: 100px;
            overflow: auto;
        }

        .t1 thead > tr, tbody {
            display: block;
        }

所以我找到了这个链接： http://jsbin.com/bipusabici/edit?html,output 它工作得很好，但我的问题是表格的结构与带有thead和tbody的普通表格不同。

这是我的小提琴，我想用这个普通的表格结构滚动它： http://jsfiddle.net/snicee/46jzhs94/3/

Answer 1

你不能通过在css中使用具有自动宽度的表格来做到这一点，但你可以在css中使用固定宽度的coulmns来做到这一点