角质数冻结标题行，上面有标题行

Question

我正在使用带有angular的primeng库。我有以下代码：

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