プライムデータテーブル内の水平スクロールバーの外側にあるフッターラベル

Question

テーブルにヘッダーとフッターの両方のラベルを表示する角度のPrimeNg DataTableを使用しました。しかし、フッターは正しく設定されていません。

<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>

Answer 1

が回避策

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

警告のためにあなたのコンポーネントにこのスタイルを追加します： ここに私のHTMLコードです>>>を使用することではありませんスーパー良いアイデア、を参照してくださいhttps://angular.io/guide/component-styles#deprecated-deep--and-ng-deep