web-dev-qa-db-ja.com

DataTable：テーブルヘッダーを非表示にする方法

DataTableを使用する2つのテーブルがあります。

  • 上：完全一致
  • 下：関連

これが今の様子です。

enter image description here

ご覧のとおり、2番目のテーブルにテーブルヘッダーを表示する必要はありません。隠したい。

私のCSSでこれを使用してみました：

クラス= inventory_related

.inventory_related table thead {

        display:none;

    }

私も全体を脱いでみました：

       <thead class="thin-border-bottom ">

            <th>Catalog # </th>
            <th>Description</th>
            <th>Available Vials</th>

        </thead>

これも機能しません。

2番目のテーブルヘッダーを非表示にするにはどうすればよいですか？

ありがとう。

htmlcssdatatablesjquery-datatables
7
user4287698

私の場合、設定

.inventory_related thead {    
    display:none;   
}

列幅をめちゃくちゃにしながら、

.inventory_related thead {    
    visibility: collapse;   
}

動作しているようです。

6
Mitch Roe
<table>
  <thead style='display:none;'>
    <th>header 1</th>
    <th>header 2</th>
  </thead>
  <tbody>
    <td>row value 1</td>
    <td>row value 2</td>
  </tbody>
</table>
5
Nguyễn Đức Tùng

例として次のコードをご覧ください。

.inventory_related thead {
  display: none;
}
<table>
  <thead>
    <th>header 1</th>
    <th>header 2</th>
  </thead>
  <tbody>
    <td>row value 1</td>
    <td>row value 2</td>
  </tbody>
</table>
<table class='inventory_related'>
  <thead>
    <th>header</th>
    <th>header 2</th>
  </thead>
  <tbody>
    <td>row value 3</td>
    <td>row value 4</td>
  </tbody>
</table>
3
CodeLikeBeaker

<table>のクラスがinventory_relatedの場合、次のcssを記述します

.inventory_related thead {    
    display:none;   
}
0
Tanjima Tani