小编Paw*_*ava的帖子

这是一个关于如何在 IntelliJ 2021.2 上启用 Dev Tools 项目并观察代码变化而无需重新启动 Tomcat 服务器的教程。

我有一个 PrimeNG 数据表，如下所示，最初加载了冻结列：

当我尝试隐藏其中一个冻结列时，表不会重新调整自身以容纳空白区域中剩余的冻结列，而是留下一个空白区域，如下所示：

我尝试隐藏的冻结列越多，空白空间就会扩大。

观察到的另一个异常是当我尝试调整屏幕尺寸时，属性responsiveLayout =“scroll”不起作用，并且我的表格中断如下：

下面是 HTML 代码：

<div class="col-12">
        <p-table #dt
                 [columns]="selectionService.selectedScrollableColumns"
                 [loading]="loading"
                 [value]="selectionService?.listOfRetrievedDepositValuations"
                 (onHeaderCheckboxToggle)="onClickHeaderCheckbox()"
                 (onRowSelect)="onRowSelect()" (onRowUnselect)="onRowUnselect()"
                 (onFilter)="updateGroupingTotalsAfterFilters($event)"
                 responsiveLayout="scroll" scrollDirection="both"
                 [paginator]="true" [rows]="25" [scrollable]="true"
                 [(selection)]="selectionService.selectedDepositValuation"
                 [resizableColumns]="false"  stateStorage="session" stateKey="{{userLoggedInWithTenant}}-valuation-selection"
                 dataKey="uid" 
                 styleClass="sticky-datatable p-datatable-striped">
            <ng-template pTemplate="header" let-columns *transloco="let t">
                <tr>
                    <ng-container *ngFor="let col of columns; let colIndex = index">
                        <th *ngIf="col.field === 'checkbox'" [style]="getColumnWidth(col.type)"
                            pResizableColumn [id]="'headerCheckbox'+colIndex" pFrozenColumn [frozen]="col.isFrozenColumn">
                            <p-tableHeaderCheckbox></p-tableHeaderCheckbox>
                        </th>
                        <th *ngIf="col.field !== 'checkbox'" pResizableColumn pFrozenColumn [frozen]="col.isFrozenColumn" [pSortableColumn]="col.field"  style="text-align:center ;" [style]="getColumnWidth(col.type)"
                            [pTooltip]="col.header" [id]="'header'+colIndex"  [ngClass]="col?.class">
                            <div class="text-overflow-ellipsis p-fluid">
                                {{col.header}}
                              <p-sortIcon [field]="col.field"></p-sortIcon> 
                            </div> …