寻找有关如何创建具有固定垂直标题的 CSS/Javascript 表格的想法。需要修复其中两列。
我创建了一个示例,但这是使用两个单独的表。 http://jsfiddle.net/X5cKj/
jsfiddle 的 CSS
table,th,td
{
border:1px solid black;
border-collapse:collapse;
table-layout:fixed;
}
td{
width: 75px;
padding: 0px 20px;
height: 30px;
}
#mainContainer{
width: 100%;
}
#leftContainer{
width: 228px;
display: inline-block;
}
#rightContainer{
width: 300px;
display: inline-block;
overflow: auto;
}
感谢您的关注。
最佳答案
我做了以下更改。检查 here
#leftContainer{
width: 200px;
float: left;
}
#rightContainer{
width: 300px;
overflow: auto;
float: left;
border-right: 1px solid black;
border-left: 0px solid;
}
关于javascript - 固定水平表格标题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22904022/