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

Question

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

我试过了：

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

在表格中。它起了部分作用。

Answer 1

如果我正确理解您的问题（发布您的HTML会有所帮助），您可以在可以扩展的部分内嵌套表。您将能够添加任意数量的列（<td>），而不会影响表标题。

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;