表格布局固定 - 当位置是绝对的

时间:2015-09-28 22:44:10

标签: javascript jquery html5 css3 html-table

我在div中有表,

echo "[Fri Sep 11 02:04:39 UTC 2015] (sys) Starting"

我的CSS,

 <div class="divScroll">
  <table class="table1">
  <tr class="tableHeader">
   <th>Header1</th>
   <th>Header2</th>
   <th>Header3</th>
   <th>Header4</th>
   <th>Header5</th>
   </tr>
  <tr>
   <td>Data1</td>
   <td>Data2</td>
   <td>Data3</td>
   <td>Data4</td>
   <td>Data5</td>
   </tr>
   .....
   .....
  </table>
 </div>

在上面的男女同校中,我试图用固定标题使表格可滚动。这意味着当用户滚动顶部&gt;底部表头应保持固定,只应滚动表数据。

我可以实现,可滚动的表但问题是col宽度与td col宽度不对齐因为我应用了Position:绝对的'th'。

如何使th和td col宽度正确对齐?

1 个答案:

答案 0 :(得分:0)

这是一个非常常见的问题,过去已经回答过了。

这里有一些本地资源:

在这里另一个外部: