Я использую primeng ver 6.1.3
Последний столбец таблицы короткий на 0,17px, вот пример того, как он выглядит;
Ячейки с датой истечения имеют высоту 47px.Ячейки в столбце действий имеют высоту 46,83 пикселя.Если я пытаюсь увеличить высоту с помощью определенного правила CSS, то браузер или что-то в правилах всегда сокращает ячейку на 0,17 пикселя.Это даже происходит с модификатором! 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>
Я не уверен, как это происходит.В лучшем случае есть какое-то фиксированное свойство, которое мешает мне правильно применить высоту.Ничего подобного не встречал ранее.
Приветствия.
Редактировать: только что обнаружил, что проблема не возникает в Internet Explorer, только Chrome.