DataTable: Как скрыть заголовок таблицы?

У меня есть 2 таблицы, используя DataTable:DataTable: Как скрыть заголовок таблицы?

топ: точное совпадение
Дно: связанные

Вот как они выглядят сейчас.

enter image description here

Как вы можете видеть, что нет никакой необходимости, чтобы показать заголовок таблицы на второй таблице. Я хочу скрыть это.

Я попытался использовать это на моем 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-го стола?

Спасибо.

источник

2015-02-18 Anonymous

класс имя 'inventory_related' на'

'? Если это так, вам нужно 'table.inventory_related thead' (но лучше опустить элемент и написать' .inventory_related thead') – ratherblue

–

Вы можете только есть один атрибут 'class' на столе. Изменить на '

' – ratherblue

ответ

если класс <table> будет inventory_related затем написать следующий CSS

.inventory_related thead {  
    display:none; 
}

источник

2015-02-18 20:53:07

Пожалуйста, см следующий код в качестве примера:

.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>

источник

2015-02-18 20:53:13 CodeLikeBeaker

Работа! thank-you –

Добро пожаловать! – CodeLikeBeaker

Мне было интересно, как я могу скрыть выбранные заголовки столбцов и столбцы. –

<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>

источник

2017-02-23 02:21:17

Смежные вопросы