css - 如何修复宽度不固定的表格的标题？

Question

我有一个用户可以添加新列的表。因此宽度不固定。如何修复此类表格的标题？

我试过:

display:block
overflow-x:hidden
overflow-y:auto 
height:70%

在表体中。它部分起作用。

Answer 1

如果我正确理解您的问题(发布您的 HTML 会有所帮助)，您可以在可扩展的部分内嵌套一个表格。您将能够添加尽可能多的列 ( <td>) 而不会影响表格标题。

table td table td {
  border: solid 1px grey;
  }

<table>
  <tr>
    <th>Add your fixed table header</th>
  </tr>
  <tr>
    <td>
      <table>
        <tr>
          <td>New Columns</td>
          <td>can be added</td>
          <td>without effecting your header</td>
        </tr>
      </table>
    </td>
  </tr>
</table>