两个标题表的可滚动主体

Question

我想知道如何创建一个包含两个标题的表（包含HTML，CSS，Javascript / jQuery），顶部一行，左侧一列。此外，我需要修复标题，我只需要滚动表的内容。

另外，我需要修复我的细胞大小。

Answer 1

在这里查看插件：http://www.fixedheadertable.com

只需将其包含在项目中并使用以下行进行初始化：

$('table').fixedHeaderTable( { fixedColumn: true } );

fixedColumn选项将为您提供您正在寻找的固定的第二个“标题”。

Answer 2

正如我在评论中提到的，无论你问的是什么都不实用，所以我会在这里张贴制作一个固定标题的表格。

在制作普通表格时制作整个表格，如下所示：

<table>
<tr>
<thead>
<th>Table</th>
<th>Column1</th>
<th>Column2</th>
<th>Column3</th>
<th>Column4</th>
</thead>
<tr>
<th>Row1</th>
<td>Value1</td>
...............
</table>

为您的表添加此CSS：

thead, tbody{
display : block;
}

tbody{
overflow : auto;
height : 100px;
}

td,th{
width : 60px;
height : 50px;
}

th{
background-color : #000000;
color : #FFFFFF;
}