css - 使用css将标题列宽与两个不同表的列匹配

Question

我想使用 css 将一个表的标题列宽与另一个表的列宽匹配。

我该怎么做？

<div class="datagrid">
<table>
    <thead>
    <tr>
        <th>col1</th>
        <th>col2</th>
        <th>col3</th>
    </tr>
    </thead>
</table>

<div class="datagrid" style="height: 500px; overflow:auto;">
   <table>
      <tfoot>
      </tfoot>
      <tbody>
         <tr><td>col1</td><td>col2</td><td>col3</td></tr>
         <tr><td>col1</td><td>col2</td><td>col3</td></tr>
      </tbody>
   </table>
</div>

Answer 1

两张 table 之间有什么？

我最初的想法是创建一个新的表格行并使用 COLSPAN="3"，并输入您喜欢的任何文本。

实际上，下方的单元格将与上方的单元格匹配，中间的文本看起来不像是表格的一部分。

(使用各种命令/设置隐藏表格边框 - 所以它看起来不像表格的一部分。)

希望这是有道理的