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

：拡大部分はこのように、より多くの列を持っています最初の1つ。

質問は次のとおりです。最初の行が自動的に幅を取得し、他のすべての行が適応するようにテーブルを作成するにはどうすればよいですか？

------------- 
|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つの列で2番目の行を追加しても、長さを指定するか画面全体に表示すると、上の行も変更されます。テーブルは全体が1で、幅が1でなければなりません。 1つの列を増やすと、すべての行を増やす「500」の行を作成すると、2つの列の行も増やされます。長さが長くなったので、列は列の最後までなければならないので、列を補う必要があります。

2つの行の幅が異なる場合は、2つのテーブルを作成する必要があります。