jquery - HTML行のセルが空のときに縮小または非表示にする方法は?

Question

HTMLテーブルの行にいくつかのリンクがあります。コード ビハインドでは、いくつかの条件に基づいていくつかのリンクを非表示にしています。しかし、ページは見栄えが悪く、コントロールを隠したスペースが表示されます。

HTML行が空のセルの場合、CSSでこのスペースを削除する方法.

Web ページ上の html コード

Answer 1

まず、非表示にするclass="xxxxx"それぞれのクラス属性を設定します (xxxxx はクラスに使用する名前で、html 要素の開始タグに入力します) <tr>。これを動的に行う場合は、jQuery などを使用してください。<tr>同時に非表示になるすべての が同じクラスを共有していることを確認してください。次に.xxxxx{display:none}、CSS で使用します。テーブルの行を使用display:noneすると、まだ存在しますが（必要だと思います）、スペースを占有しません。