在primeng数据表中，页脚标签超出水平滚动条答案

【问题标题】：Footer label going outside the horizontal scroll bar in primeng datatable在primeng数据表中，页脚标签超出水平滚动条
【发布时间】：2018-03-27 14:48:59
【问题描述】：

我使用了 angular PrimeNg DataTable，我想在表格中同时显示页眉和页脚标签。但页脚设置不正确。这是我的 HTML 代码：

<p-dataTable [value]="cars" scrollable="true" scrollHeight="200px" scrollWidth="600px" [style]="{'margin-top':'30px'}">
        <p-header>Vertical and Horizontal</p-header>
        <p-column field="vin" header="Vin" footer="Vin" [style]="{'width':'250px'}"></p-column>
        <p-column field="year" header="Year" footer="Year" [style]="{'width':'250px'}"></p-column>
        <p-column field="brand" header="Brand" footer="Brand" [style]="{'width':'250px'}"></p-column>
        <p-column field="color" header="Color" footer="Color" [style]="{'width':'250px'}"></p-column>
    </p-dataTable>

【问题讨论】：

标签： angular primeng

【解决方案1】：

将此样式添加到您的组件以解决问题

>>> .ui-datatable-scrollable-footer {
  overflow: hidden;
}

警告：使用>>> 不是一个好主意，请参阅https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep

【讨论】：