Primeng Turbo Table-最后一列错误的高度

时间:2018-09-25 08:48:50

标签: css angular google-chrome primeng primeng-datatable

我正在使用Primeng版本6.1.3

表格的最后一列短了0.17px,这是一个外观的示例;

Misaligned last column

有效日期单元格的高度为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中。

0 个答案:

没有答案