Javascript 如何使固定标题在滚动html表中工作（当标题有多行时）

我设法在使用滚动表时获得了固定的标题（还尝试了许多其他标题）。。。有一个陷阱

如果我们的表的标题中有多行，那么它们都不起作用

乙二醇

想象这样一张桌子：

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

表的标题
第1列
第2列
...
...

当我取出

中的两行中的任何一行时，我链接的插件和许多其他解决方案都可以工作。但是，对于某些表，它们必须同时具有列标题和表名，因此删除其中一个不是一个选项

---

有没有办法将标题中的两行合并为html中的一行？或者有没有办法让插件与标题中的多行很好地配合？我已经在固定标题的滚动表格上搜索了很多次，但是我还没有找到任何可以在标题中多行使用的表格。

也许可以尝试类似的方法，如果这样做，表格标题应该占据整个宽度

 <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>

表名
第1栏
第2栏
第3栏

无法将表名移到表外？标题行中是否可以有一个冒充为两行的div，例如在该div内放置两个垂直堆叠的div，在顶部div上涂上边框底部，使其看起来像两行？@我不允许：（这是我在工作中的第一个建议。@我不确定我是否理解你的意思-我的web开发经验仍然非常有限。在一天结束时，滚动部分（又称页眉）需要有2行-顶部一行有标题，底部一行有列标题。我建议在标题中有1个表行，其中包含2个div，垂直堆叠，因此看起来是2个表行。顶部div可以有标题，底部div可以有更多div，其中包含多个列标题