html表列宽度随添加的新行而更改

Question

我的html / php有问题。我有一个7列的表。列的数据来自sql数据库，因此它非常动态。使用jquery，我添加了扩展/折叠表的特定部分的选项。扩展部分有一列，如下所示：

<tr>
    <td colspan="2">Col1</td>
    <td>Col2</td>
</tr>
<tr>
    <td>Col1</td>
    <td>Col2</td>
    <td>Col3</td>
</tr> <!-- this part can be expanded or collapsed -->

然而，每当我消耗或折叠第二行时，第一行将改变其大小，尽管有足够的空间使第二行适合第一行。

所以问题是：我如何制作表格，以便第一行获得自动宽度，其他所有行都将适应？具体来说，我希望所有列都是第一行中列的宽度：

-------------
|c1   |c2|c3|
-------------
|c1|c2|c3|c4|
-------------
|c1   |c2|c3|
-------------

Answer 1

猜测你的意思是页面上的空间而不是列数。如果是这种情况，请使用css。像

这样的东西

table {
  width: 100%;
}

请查看以下指南：
https://developer.mozilla.org/en-US/docs/Web/CSS/table-layout
https://css-tricks.com/complete-guide-table-element/

如果这不是您的意思，请查看DataTables。他们已经找到了所有这些东西！

Answer 2

如果第一行有2列，并且您添加了第1行，但是您指定了长度或在整个屏幕上显示，那么也会更改上一行。桌子必须是1个整体，宽度为1。如果你创建一行“500”将增加所有行，分别如果有1列的行增加，那么具有2列的行也将增加。由于长度变得更长，列需要弥补它，因为它们必须到行的末尾。

如果您想要有2行宽度不同，则需要制作2个表格。