HTMLテーブルの行 - ユニークなセルの幅を100％にするにはどうすればいいですか？（スクリーンショット解説付き）

は、ここに私の問題だ：私はこのようになりますHTMLのテーブルを持っている：私が欲しいのは、この行がまたがる除いて、その下に追加のテーブルの行が存在することがあるHTMLテーブルの行 - ユニークなセルの幅を100％にするにはどうすればいいですか？（スクリーンショット解説付き）

HTML Table

テーブルの全幅 - ただし、は1セルのみです。あなたは、私がテキストを含む内部の単一<td>セルとその下に別のテーブルの行を追加見ることができるように

table

：私はすぐに例を嘲笑します。しかし、私はこのセルがテーブル全体の幅の100％に及ぶようにしたい - それは '名前'の列の幅を変更すべきではありません。

このようなことは可能ですか？私はjQueryやJavascriptを必要に応じて使用することができます - また、すべてのユーザーがChromeを使用しているのでIEで動作する必要はありません（これは特典です）。

あなたの場合には、ジャック

出典

2011-11-03 Jack

、あなたが

<tr> 
    <td colspan="5">This text should be as long as the entire table's width...</td> 
</tr>

ような何かをしたいcolspan属性は、セルが取る必要がありますどのように多くの列を言います。テーブルをサポートするすべてのブラウザで動作するはずです。標準のHTMLです。

JavaScriptでは、セルのcolSpanプロパティを設定するか、.setAttribute("colspan", the_number_of_columns)を呼び出します。どちらもうまくいくはずです。しかし、セルを動的に生成しない限り、HTMLにcolspan属性を含めるだけで済みます。 1つのセルは、すべての5つの列にまたがるようにするために

出典

2011-11-03 13:18:28 cHao

パーフェクト - あなたに感謝！私は実際にテーブルのデータを表示する必要があったときまで、開発者からの一般的な憎しみについて聞いた後、テーブルの近くに行ったことはありません： – Jack

テーブル自体は悪くありません。彼らは実際に彼らが作ったものにかなり良いです。誰かがあなたにすべてのテーブルが悪いと伝えると聞いたことがあるなら、あなたは彼/彼女が貨物崇拝者であり、彼らが実際に言っているWTFを知らないことをかなり確信することができます。 :) *レイアウトテーブル* - テーブルのデータを保持するのではなく、テーブルを使って物を配置します - それは悪です。（それでも、非常にまれにしか必要ありませんが、それでも悪です。） – cHao

、

<td colspan="5">Lorem Ipsum</td>

出典

2011-11-03 13:18:30 harriyott

ありがとう - それはトリックでした！ – Jack

"Lorem"と間違って入力しました：D –

HTMLテーブルの行 - ユニークなセルの幅を100％にするにはどうすればいいですか？ （スクリーンショット解説付き）

答えて

関連する問題

HTMLテーブルの行 - ユニークなセルの幅を100％にするにはどうすればいいですか？（スクリーンショット解説付き）