2

テーブル内の垂直方向の空白に関連する問題があります。CSS プロパティを使用してborder-spacing、テーブルの行間にスペースを追加しています (ぎっしり詰まっていないように見えます)。

データはテーブルに動的に追加されるため、テーブルにデータがない ( trs がない) 状況が発生する可能性がありますが、border-spacing プロパティ (現在はborder-spacing: 0px 10px) が原因で垂直方向の空白がいくつかあります。

CSSでこれを修正する可能性はありますか?

データを使用したフィドルの例: http://jsfiddle.net/lav911/QLsah/

データなしのフィドルの例: http://jsfiddle.net/lav911/yWRS7/

意図した機能は、テーブルにデータがない場合、テーブルをまったく表示しないことです。

編集: Chrome でのテスト。

4

3 に答える 3

1

CSS:empty疑似を使用できます。display: none;

table tbody:empty {
   display: none; /* Than get rid of it */
}

デモ(display: block;不要)

まだ小さな黒い点が残っています。これはテーブル要素の境界線のためです。現在、CSS を使用して親要素を選択する方法がないため、親要素を選択して適用することにより、jQuery を使用せずにそれを排除することはできません。border: 0;

于 2013-08-12T13:00:59.820 に答える