如何创建具有固定列和3个可滚动部分的表

时间:2017-01-18 03:47:26

标签: jquery html css html-table

如何创建看起来像图片的HTML表? 在我的情况下,我有很多字段,我想用固定列显示重要字段,并用可滚动条显示其他细节,
看看这张图片:

picture

我找到了这个链接https://datatables.net/extensions/fixedcolumns/examples/initialisation/left_right_columns.html
但这不是我想要的。

2 个答案:

答案 0 :(得分:1)

将此添加到CSS文件中,添加到您为这些表格单元格使用的任何类...

overflow-y: hidden;
overflow-x: scroll;

http://www.w3schools.com/css/css_overflow.asp

查看更多CSS溢出处理

答案 1 :(得分:0)

我建议使用Datatables并使一些单元格中有滚动条已经在这篇帖子中得到解答:here

这是一个链接到一个jsfiddle与jQuery Datatable和Fixed cols以及某些单元格上的水平条:     jsfiddle jsfiddle 从上面链接的帖子中可以看出@davidkonrad。