有问题造型表

时间:2015-02-03 20:31:57

标签: html css

我一直在互联网上搜索其他SOF问题和其他各种网站。我似乎在让这个表的滚动条/对齐方式很好地工作时遇到了问题。

我有一个以下格式的表格:

Column 1 | Column 2 is slightly longer                                              | Column 3 | Column ......
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | some random text is in here and should make the column 2 expand this far | data     | .....
Data     | At this row I want it to not be showing and you have 2 scroll down 2 see | data     | .....
Data     | At this row I want it to not be showing and you have 2 scroll down 2 see | data     | .....

我遇到的具有挑战性的部分是,我似乎无法将<thead><tr>部分放在顶部(第1列,第2列),以便在垂直向下滚动时继续显示为可见。我还需要能够像在SOF显示的上面显示的代码样本中一样进行horziontally滚动,并保持<thead><tbody>部分对齐。

任何人都有一个jsfiddle或类似的东西,它显示了一个恰当的例子吗?

感谢。

0 个答案:

没有答案