I have a problem with html/php. I have a table with 7 columns. Data for the columns comes from a sql database and therefore it is quite dynamic. Using jquery, I've added the option to expand/collapse specific parts of the table. The expanded part has one column more, like this:

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

```

However, whenever I expend or collapse the second row, the first one will change its size, despite there being more than enough space to fit the second row into the first one.

So the question is: How can I make the table so that the first row will get an automatic width, which all other rows will adapt to? Specifically, I want all columns to be the width of the ones in the first row:

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

```