页脚标签在primeng数据表中的水平滚动条之外

时间:2017-10-16 06:37:37

标签: angular primeng

我使用了角度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>
&#13;
&#13;
&#13;

enter image description here

1 个答案:

答案 0 :(得分:0)

将此样式添加到您的组件以进行解决方案

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

警告:使用>>>并非超级好主意,请参阅https://angular.io/guide/component-styles#deprecated-deep--and-ng-deep