Блог

Я использую таблицу PrimeNG на своей html-странице, и когда я реагирую, я хотел бы сохранить заголовок своей сетки.

однако таблица « p-datatable-thead » автоматически устанавливается в « display-none » с узлом

  @media screen and (max-width: 40em)
<style>
.p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td, .p-datatable.p- 
 datatable-responsive .p-datatable-thead>tr>th {
 display: none!important;
}
 

этот css поступает непосредственно из модуля node primeng:

node_модули > пример >> ресурсы >>> компоненты >>>> таблица >>>>> таблица.css

Я попытался отменить этот css с помощью своей собственной таблицы стилей :

  @media screen and (max-width: 40em) {
  .gridAccount.p-datatable.p-datatable-responsive .p-datatable-tfoot>tr>td, .p- 
  datatable.p-datatable-responsive .p-datatable-thead>tr>th {
     display: table-cell !important;
   }
 }
 

но мой css следует за css компонента из node_modules.

Как заставить мой собственный css идти впереди css node_modules ?