Question

我有一个使用sticky header实现jquery的嵌套表格布局（遗留代码）。目前有2个表，maintable和stickytable(header)。两列之间的列不对齐。代码是动态生成的，因此我无法指示column width。另外，两个表都有几个nested tables，这使得它更加复杂。有没有办法在没有2个单独的表的情况下制作表stick的一部分？

<table style="position:relative;" id="maintable" width="1295">
<tr>
  <td colspan="21">
    <div id="stickyheading">
      <table width="1295" id="stickytable">  -- this table has its own layout
       <tr>
             ....... (more <td> elements)
       </tr>
      </table>
    </div>
     ---------- table data (inherits maintable layout and hence columns dont align with stickytable) ----------------
   <tr valign="top">
    <td nowrap  height="15"></td>
    <td nowrap  colspan="3">
      <table width=219>
        <tr> <td>.....
      </table>
    </td>
   </tr>
 </tr>
</table>

此代码有效但有对齐问题（粘性标题也有效）。

我已将div元素移到stickytable中以对标题内容进行分组，并将其设为粘性但失败。

<table style="position:relative;" id="maintable" width="1295">
 <tr>
  <td colspan="21">
   <table width="1295" id="stickytable">
    <tr>
     <td colspan="21">
      <div id="stickyheading"> ---------this breaks sticky header functionality
        <tr>
         ....... (more <td> elements)
        </tr>
      </div>
     </td>
    </tr>
   ----- table data goes here ------

</table> -- stickytable ends here 
</tr>
</table>  --main table ends here

如何使用单个表格和stickyheader元素制作div？出于某种原因，div元素在stickytable内不起作用，但在maintable下工作。我错过了什么吗？

Jfiddle demo

Stciky标头和嵌套表

0 个答案: