启用滚动后，如何将未对齐的p-table标题对齐成角度？

Question

我和and一起坐在一张p桌子上。在启用滚动之前，标头和正文以及其他标头对齐中的复选框是完美的。但是在将[scrollable]=true和scrollHeight="200px"添加到p-table标记后，标头与行未对齐。

下面是我的p表代码：

<p-table [columns]="columns" [value]="values" [(selection)]="selectedRowData"
                 [scrollable]="true" scrollHeight="200px">
            <ng-template pTemplate="header" let-gridColumns>
                <tr>
                    <th style="width: 3em">
                        <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                    </th>
                    <th *ngFor="let col of gridColumns">
                        {{col.header}}
                    </th>
                </tr>
            </ng-template>
            <ng-template pTemplate="body" let-rowData let-gridColumns="columns">
                <tr>
                    <td>
                        <p-tableCheckbox [value]="rowData"></p-tableCheckbox>
                    </td>
                    <td *ngFor="let col of gridColumns" style="word-break: break-all; max-width: 100px;">
                        {{rowData[col.field]}}
                    </td>
                </tr>
            </ng-template>
        </p-table>

有人可以帮助我将标题与行对齐吗？ 预先感谢