2 つの列と n 行の外側のテーブルで構成されるテーブルのグリッドがあり、各セルはテーブルで埋められています。現在、各内部テーブルを div にパディングで配置しており、内部テーブルには境界線と背景色を適用するための css があります。
これにより、テーブルが適切な間隔でグリッドに表示されるレイアウトが得られます。私が抱えている唯一の問題は、各テーブルが存在するセルで利用可能なすべての高さを埋めたいということです。現在、それらは水平方向に幅を埋めますが、垂直方向はコンテンツを含めるために必要な大きさにすぎません。これにより、テーブル間に不均一な垂直ギャップができ、見栄えが悪くなります。内部テーブルと外部テーブル、および div の CSS は次のとおりです。
sheet.addRule("table.inner {width: 100%; height: 100%; background-color: #F2F2F2; border-width: 1px; border-style: solid; border-color: #666666;}");
sheet.addRule("table.outer {width: 100%; height: 100%; border-width: 1px; border-style: solid; border-color: #666666;}");
sheet.addRule("div {padding:5; height: 100%;}");
基本的に、私はこれを取得します：
========= =========
|a | |a |
|a | |a |
|a | |a |
|a | =========
=========
========= =========
| . | |. |
| . | |. |
しかし、私はこれが欲しい：
========= =========
|a | |a |
|a | |a |
|a | |a |
|a | | |
========= =========
========= =========
| . | |. |
| . | |. |
これはすべて、HTMLEditorKit が適用された JEditorPane で行われるため、ブラウザーに見られる便利な機能はありません。テーブルを残りの高さいっぱいにする方法はありますか? ほとんどの場所で dropp height:100% を試しましたが、うまくいきませんでした。
読んでくれてありがとう