我一直在互联网上搜索其他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或类似的东西,它显示了一个恰当的例子吗?
感谢。