2017-11-10 8 views
1

HTMLテーブルの列の合計幅を設定する方法を知っている人はいますか?いくつかの列が伸びなければならない(固定:HTMLテーブルの合計列幅

Iは、(生成)2 N列のテーブルを持っていると私はせずに特定の値とn列の幅を設定したい:

  • JS
  • テーブルレイアウトその含有量を有​​する)
  • COLSPANとネストされた表(テーブル、列と行位置合わせの両方を維持しなければならない)

例:私は4列テーブル

を有します
<table> 
    <tr> 
    <td>Col 1</td> 
    <td>Col 2</td> 
    <td>Col 3</td> 
    <td>Col 4</td> 
    </tr> 
</table> 

そして、これをグループ化したいとします。幅1と幅2の50%と幅3の幅+幅4の50%と幅1、2、3、4の幅は自動です。

可能ですか?

+1

'TD {幅:25%}'? – Pete

+0

ありがとうございますが、私の期待通りに動作しません。なぜなら、列は動的な幅を持っているからです。 –

答えて

1

table { 
 
    max-width:100%; 
 
} 
 
table td { 
 
    max-width:25%; 
 
}
<table> 
 
    <tr> 
 
    <td>Col 1</td> 
 
    <td>Col 2</td> 
 
    <td>Col 3</td> 
 
    <td>Col 4</td> 
 
    </tr> 
 
</table>

+0

あなたのソリューションをありがとうが、私は正確にどのくらいの大きさがわからないので、私の場合は動作しません。 1px

+0

@ alex.tran - これがトリックではない場合は、なぜ答えをマークし、他の人が質問を見て、代替案で答えるのを妨げるのはなぜですか? – BruceWayne

+0

@BruceWayneああ、私はマークがその動作を持っているのか分かりません。 –

関連する問題