「html」colgroupでテーブルのカラムを設定するサンプル

2022年7月16日

形式
<colgroup>処理コード</colgroup>

タグの省略
最初の子要素が <col> 要素であり、かつ終了タグを省略した <colgroup> 要素が前にない場合は、
開始タグを省略できます。

許可されている親要素
<table> 要素。<colgroup> は省略可能な <caption> 要素より後、かつ <thead>, <th>,
<tbody>, <tfoot>, <tr> の各要素より前に置かなければなりません。
HTMLの<colgroup> 要素は、表内の列のグループを定義します。

使用例

<table class="layTable" >
    <colgroup style="width:15%"></colgroup>
    <colgroup style="width:20%"></colgroup>
    <colgroup style="width:70%"></colgroup>
              <tbody>
              処理コード