javascript - 在滚动 html table ( 当 header 有多行时) 中,如何获得固定的header 工作

  显示原文与译文双语对照的内容
0 0

我设法得到了固定的header 在滚动工作与这个插件的插件( 也尝试过很多其他的) 。 有一个陷阱。

如果我们的表在 header 中有多行,那么它们。

例如

请考虑这样的table:


<table>
 <thead>
 <tr>
 title of the table
 </tr>
 <tr>
 <th>col 1</th>
 <th>col 2</th>
. . .
 </tr>
 </thead>
. . .

当我取出 <thead> 中的两行之一时,我链接的插件和许多其他的解决方案。 但是,对于某些表,它们必须同时拥有列标题和 table 名称,因此删除其中的两个表不是一个选项。

是否有办法将 header 中的两行合并到html中的一行? 或者是否有方法使插件能够在 header 中很好地使用多行? 我已经在有固定标头的滚动表上搜索了一大堆,但是我还没有找到 header 中的多行。

时间: 原作者:

0 0

如果这样做的话,table 标题应该占用整个宽度,如果这样做的话


 <thead>
 <tr>
 <div id="table_head_div">

 <div id="table_title" style="height:50%; width:100%; margin:0; padding:0;">Table Title</div>

 <div id="column_titles" style="height:50%; width:100%; margin:0; padding:0;">
 <div class="column_title">column 1</div>
 <div class="column_title">column 2</div>
 <div class="column_title">column 3</div>
 </div>

 </div>
 </tr>
 </thead>

...