1
A
答えて
5
すぐにテーブルを考える。縦の列はすべて行と同じように整列します。これがテーブルになるのです。一部のブラウザでは、個々の表のセルをハックすることができますが、実際には予測できない可能性があるため、実際には推奨しません。
私がこれにアプローチする方法は、セル内に別の要素がありコンテンツを囲むことです。その後、他の要素のサイズを変更することができます。
0
新しいサイズに応じて残りのTDのサイズを計算してから、すべてのTDの幅を同時に変更する必要があります。
2
列または行の1つのセルのサイズを変更すると、必要に応じて行と列がそのセルに対応するようにサイズ変更されます。 edeverettが指摘したように、それはそれをテーブルにするものの一部です。
これを行うには、rowspan=""
とcolspan=""
の値を変更する必要がありますが、そうした場合は、他のセルを操作してドキュメントから削除/非表示にする必要があります。そうしないと、 、奇妙なレンダリングの問題が発生します。
私は本当にこれを避けるでしょう。セルの内容を区別する場合は、colorを使用してください。フォントサイズとサイズの変更は、誰にも役立つよりも、ディスプレイとUIを台無しにする可能性が高くなります。
-1
Adjusting HTML Table Cell Width using jQueryをご覧ください。この方法では、特定の列のすべての行が特定のサイズになります。
$(document).ready(function() {
//Set width of table cells
var numberOfColumns = 7;
$('.resultGridTable th, .resultGridTable td').each(function (i) {
$(this).css('background-color', (['Purple', 'Orange', 'Purple', 'Orange', 'Purple', 'Orange', 'Purple'][i % 7]));
if (i % numberOfColumns == 0) {
$(this).css('width', '15%');
}
if (i % numberOfColumns == 1) {
$(this).css('width', '15%');
}
if (i % numberOfColumns == 2) {
$(this).css('width', '15%');
}
if (i % numberOfColumns == 3) {
$(this).css('width', '15%');
}
if (i % numberOfColumns == 4) {
$(this).css('width', '10%');
}
if (i % numberOfColumns == 5) {
$(this).css('width', '15%');
}
if (i % numberOfColumns == 6) {
$(this).css('width', '15%');
}
}
);
}
);
関連する問題
- 1. TitleWindow Flexのサイズ変更の効果
- 2. テーブルセルのサイズ変更を無効にする
- 3. テーブルセルの自動サイズ変更の解除
- 4. 回転時にリロード中にテーブルセルのサイズ変更をスムーズアウト
- 5. テーブルセルの最大幅を超えてサイズ変更
- 6. Pythonイメージライブラリとハロー効果による透明なPNGサイズ変更
- 7. IFRAME内の列サイズ変更(HTML)
- 8. HTMLキャンバスの相対的なサイズ変更
- 9. UIViewの変更中のアニメーション効果
- 10. HTMLバウンス効果
- 11. リップル効果の色を変更する
- 12. GallerificPlusの効果を変更する
- 13. テーブルセルを変更する
- 14. Internet Explorerでテーブルセルのサイズを変更しないでください
- 15. テーブルセルの内容を変更するJQuery
- 16. 結果のカメラストリームのサイズを変更する
- 17. JScrollpane可変サイズのコンテンツでサイズ変更
- 18. Androidの向きのHTML要素のサイズを変更する
- 19. ASP.netでのHTMLテキスト領域のフォント名とサイズの変更
- 20. サイズ変更UIFontサイズ
- 21. jQueryのUIのサイズ変更可能なファイアウィンドウのサイズ変更イベント
- 22. jqueryダイアログボックスのサイズを変更する際のコントロールのサイズ変更
- 23. C#と.NET 3.5のイメージのサイズ変更の効率
- 24. サイズ変更のiFrame
- 25. タブページのサイズ変更
- 26. ウィンドウのサイズ変更
- 27. ゴダディトラストシールのサイズ変更
- 28. UIViewのサイズ変更
- 29. ラベルのサイズ変更
- 30. ビットマップのサイズ変更
これは本当にjQueryの質問ではないと思います.HTML + CSSの問題が増えています。 – edeverett