我正在使用Primeng版本6.1.3
表格的最后一列短了0.17px,这是一个外观的示例;
有效日期单元格的高度为47px。 “操作”列中的单元格高度为46.83px。如果我尝试使用特定的CSS规则来增加高度,则浏览器或规则中的某些内容总是将单元格设置为短0.17px。 甚至使用!important修饰符也会发生这种情况。
此列是静态的,也就是说,它不显示结果集中的任何信息。它只包含带有单击事件的按钮。其他单元格是从循环中填充的。这是一个片段;
<tr [pSelectableRow]="rowData">
<td *ngFor="let col of columns" [ngSwitch]="col.field">
<!-- other cols here -->
<div *ngSwitchCase="'expiryDate'">
<span *ngIf="rowData.expiryDate">{{rowData[col.field] | date:'dd/MM/yyyy'}}</span>
<span *ngIf="!rowData.expiryDate">No Expiry</span>
</div>
</td>
<td class="actions-column">
<p-button type="button" icon="fa fa-pencil" title="Edit Comment" (click)="showDialogToEdit(rowData)"></p-button>
<p-button type="button" icon="far fa-eye" title="View Comment" (click)="showDialogToEdit(rowData)"></p-button>
<p-button type="button" icon="fas fa-archive fa-lg" title="Archive Comment" (click)="archiveComment(rowData)"></p-button>
</td>
</tr>
我不确定这是怎么回事。最好的猜测是有些固定属性会阻止我正确地应用高度。以前没有遇到过这样的事情。
干杯。
编辑:刚刚发现该问题仅在Chrome浏览器中不会出现在Internet Explorer中。