Javascript 固定柱表格结构

Javascript 固定柱表格结构,javascript,css,Javascript,Css,我想创建一个类似于表的结构,而不使用table、tr、td等标记。表的第一列和标题应该是固定的。我在这个URL下修改了它: 我无法创建一个垂直滚动条,在滚动时它也应该滚动冻结的列 有什么见解吗?您需要使.table body scroll div可滚动。在小提琴中,由于宽度问题导致双滚动条断裂,但您应该能够通过调整宽度并将overflow-x设置为hidden来修复此问题 .table-body-scroll { overflow-y:scroll; } 尝试添加overflo

我想创建一个类似于表的结构,而不使用table、tr、td等标记。表的第一列和标题应该是固定的。我在这个URL下修改了它:

我无法创建一个垂直滚动条,在滚动时它也应该滚动冻结的列


有什么见解吗?

您需要使.table body scroll div可滚动。在小提琴中,由于宽度问题导致双滚动条断裂,但您应该能够通过调整宽度并将overflow-x设置为hidden来修复此问题

.table-body-scroll
{    
    overflow-y:scroll;
}

尝试添加
overflow-y:auto并为
表格
元素定义一个
高度
。这应该可以滚动整个表。顺便说一下,我已经创建了一个jQuery插件,它可以使用标记来呈现表。该表也是可配置的。code4devs.com是URL

谢谢Ben。我意识到这一点。但表中的列数是动态的。这就是我将最大宽度设置为1080px的原因。使用您的解决方案,是否也可以滚动冻结列?可能不会。很抱歉,我没有完全理解这些要求。顺便说一下,我已经创建了一个jQuery插件,可以使用标记来呈现表。该表也是可配置的。是将滚动标题的URL,我希望在垂直滚动时将其固定。