CSS问题Ngx表angular2泳道

我目前在让ngx数据表具有正确的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>

如果有人知道为什么会发生这种情况，那将非常有帮助

有什么线索吗，如果你读到这篇文章，很抱歉打扰你

---

我认为这与视图封装有关。基本上，您的css将使用类似[_ngcontent-c5]的属性来确定范围，因为模板中的元素将自动具有该属性

但是，由datatables添加到dom中的项可能没有该属性，从而导致样式不执行任何操作

您可以通过向组件添加选项封装：视图封装来修复此问题。无类似于：

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

---

那很有魅力！非常感谢你！提醒其他不太了解我的人记住从“@angular/core”导入{ViewEncapsulation}因为这个问题我浪费了一整天。。。你是救世主！这是我在组件中见过的最逼真的东西