угловой заголовок замораживания primeng со строкой заголовка выше

Question

Я использую библиотеку primeng с angular.У меня есть следующий код:

<p-table [value]="data">

    <ng-template pTemplate="caption">
        Some caption test
    </ng-template>

    <ng-template pTemplate="header">
      <tr>
       <th>Some column</th>
       <th>Some column1</th>
       <th>Some column2</th>
      </tr>
    </ng-template>

  ...Rest of table body here
</p-table>

Когда я иду, чтобы установить мою таблицу на [scrollable] = "true" и scrollHeight = "200px" Строка заголовка и строка заголовка больше не выстраиваются в ряд.Есть ли способ это исправить?

Answer 1

Вы можете выделить справа от заголовка заголовка, чтобы выровнять его с заголовком строки

<p-table styleClass="prime-table" [scrollable]="true" scrollHeight="200px">


.prime-table.ui-table .ui-table-caption.ui-widget-header {
   margin-right: 17px;
}