0

問題: 2 列のテーブルのすべてのテーブル セルの幅を 50% にする必要がありますが、単一セルのテーブルがある場合、通常のセル ルールは適用されません。テーブルが 100% であるため、100% になります。私のCSSは次のようになります。

.mytable{ width: 100%; }
.mytable tr td { width: 50%; }

考えられるすべての CSS の組み合わせを試してみたところ、灘が得られました。私はこれのためにCSSをあきらめました。

そのため、マークアップにセルが 1 つしか存在しない場合でも、テーブルに 2 つのセルを強制的に表示させたいと考えています。でそれをやろうとしていますが<colgroup> <col span="2"> </colgroup>、どちらも機能していないようです。

質問:テーブル セルが 1 つしか存在しない場合に、テーブルに 2 つのテーブル セルを表示させるにはどうすればよいですか?

JS フィドル: http://jsfiddle.net/uryvmz57/

4

1 に答える 1

0

私の問題は、データ コントロールが原因で動的テーブルに十分なセルがない場合があり、テーブルが 100% に設定されているため、セル サイズが指定した幅ではなくテーブルの幅にレンダリングされることでした。

CSS プロパティが肉眼では見えないように設定された、適切な数のセルの空白行を含める簡単な解決策を見つけました。

于 2014-11-03T16:22:48.473 に答える