CSSの問題Ngx-table angular2 swimlane

Question

現在、ngx-datatableを適切なCSSにすることに問題があります。私は適切なCSSをインポートするために、私のCSSファイル内にこれを持っています。

@import '@swimlane/ngx-datatable/release/index.css'; 
@import '@swimlane/ngx-datatable/release/themes/material.css'; 
@import '@swimlane/ngx-datatable/release/assets/icons.css'; 

これは、実行していることの半分しか行っていないようです。これは私のhtmlのライブラリを呼び出すセクションです。

<ngx-datatable class="material striped" 
    class="material" 
    [rows]="rows" 
    [columns]="columns" 
    [columnMode]="'force'" 
    [headerHeight]="50" 
    [footerHeight]="50" 
    [rowHeight]="100"> 
    </ngx-datatable> 

これがなぜ起こっているのか誰かが分かっているのであれば、本当に役に立ちます。あなたを悩ませて申し訳ありません

@amcdnl任意の手がかりは、私はそれがビューのカプセル化に関係していると仮定し、この

Answer 1

読めば。基本的にあなたのcssは[_ngcontent-c5]のような属性でスコープされます。なぜなら、テンプレートの中の要素は自動的にそれを持つからです。

ただし、datatablesによってdomに追加されたアイテムには、その属性がないため、スタイルに何もしません。

あなたは、オプションのカプセル化を追加することによって、これを修正することができますViewEncapsulation.Noneをあなたのコンポーネントにそうように：

import { ViewEncapsulation } from '@angular/core'; 
@Component({ 
    [...] // other code like template and style urls 
    encapsulation: ViewEncapsulation.None 
})