
tableタグでcols(列数)を指定すると表示が若干早くなる、ということを聞いたので、実践してみたいのですが、不規則なセルの結合をしている場合、列数の指定は、どこに揃えれば良いのでしょうか?
例)
<table cols="?">
<tr>
<td colspan="6">左</td>
<td>右</td>
</tr>
<tr>
<td colspan="3">左1/2</td>
<td colspan="3">左2/2</td>
<td>右</td>
</tr>
<tr>
<td colspan="2">左1/3</td>
<td colspan="2">左2/3</td>
<td colspan="2">左3/3</td>
<td>右</td>
</tr>
</table>
左の列には、上からそれぞれ1,2,3個分のセルを収め、右の列は1個のセルを収める。
例えばこんな形式の表を作ったとして、実質的な列数は上から、2,3,4つになりますが、左右をきっちり分ける為に、colsは7つ分使っています。
この場合だと、colsの合計値である「7」に合わせるのが適切なのでしょうか?
それとも見た目の列数の最大値「4」に合わせるべきなのでしょうか。
表示速度の効果自体は大したものではないかもしれませんが、
ちょっと気になったので質問します。

No.1ベストアンサー
- 回答日時:
> 不規則なセルの結合をしている場合、列数の指定は、どこに揃えれば良いのでしょうか?
「colspanを使わないときに何列あるか」に合わせて下さい。
No.2
- 回答日時:
<col span="1" style="width:左1/3;"><col span="1" style="width:(左1/2-左1/3);"><col span="1" style="(左2/2-左3/3);"><col span="1" style="width:左3/3;"><col span="1" style="width:右;"><tbody>
長さが不明ですのでセルの番号で回答しました。
span=は、連続した同じ長さの個数の指定です。
左2/3の独自の長さ指定は、しませんので、注意して下さい。
確か複雑指定した場合おかしくなる場合が有りますので。
ダミーで<tr><td></td><td></td><td></td><td></td><td></td></tr>と
指定するとうまく行きますよ。
なるほど、<col>の指定と、colspanの組み合わせは思いつきませんでした。
こういう作り方もできるんですね。colspanの数も減らせました。
たいへん参考になりました、ありがとうございます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
逆L字の表(table)組み
-
テーブルの行を折りたたみたい...
-
cssで、表示されるテキストによ...
-
Htmlのtd要素の中で半角の空...
-
nowrapを指定しても改行される...
-
htmlのtable内に画像
-
中に<table></table>が使えるア...
-
テーブルの任意の列を非表示に...
-
tableでcolspanを使うと次行以...
-
文字列が入っているtdを削除せ...
-
HTMLのテーブルで桁をそろ...
-
画像のロールオーバーがずれて...
-
テーブル結合 縦横両方するには?
-
テーブルのセルに画像をピッタ...
-
divの中にtableを入れています...
-
ホームページ 表の上の余白を...
-
EXCELの表にTABLEタグをテキス...
-
テーブルのヘッダとボディの幅...
-
colspanを使うと正しく表示でき...
-
テーブルの表示がずれます
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
テーブルの任意の列を非表示に...
-
テーブルのセルに画像をピッタ...
-
TRタグの余白をcssで設定するには
-
中に<table></table>が使えるア...
-
cssで、表示されるテキストによ...
-
テーブルのヘッダとボディの幅...
-
tableにul,または,olを入れられ...
-
ホームページ 表の上の余白を...
-
文字列が入っているtdを削除せ...
-
tableの要素(tr、td)に一...
-
テーブルの表示がずれます
-
テーブルタグのセルの幅の一部...
-
EXCELからhtmlへの変換で罫線が...
-
逆L字の表(table)組み
-
値が0なら非表示にしたい
-
CSSだけで<table>の<td>や<tr>...
-
テーブルの外側の線を消す
-
HTMLで文とテーブルの間が空く。
-
表(テーブル)内の文字サイズ...
おすすめ情報