重要なお知らせ

「教えて! goo」は2025年9月17日(水)をもちまして、サービスを終了いたします。詳細はこちら>

【GOLF me!】初月無料お試し

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」に合わせるべきなのでしょうか。

表示速度の効果自体は大したものではないかもしれませんが、
ちょっと気になったので質問します。

「セル結合時のcols指定について」の質問画像

A 回答 (2件)

> 不規則なセルの結合をしている場合、列数の指定は、どこに揃えれば良いのでしょうか?



「colspanを使わないときに何列あるか」に合わせて下さい。
    • good
    • 0
この回答へのお礼

なるほど、それは分かりやすいですね。
ありがとうございました。

お礼日時:2009/10/20 20:21

<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>と
指定するとうまく行きますよ。
    • good
    • 0
この回答へのお礼

なるほど、<col>の指定と、colspanの組み合わせは思いつきませんでした。
こういう作り方もできるんですね。colspanの数も減らせました。
たいへん参考になりました、ありがとうございます。

お礼日時:2009/10/20 21:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!