CSS发布Ngx-table angular2泳道
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了CSS发布Ngx-table angular2泳道相关的知识,希望对你有一定的参考价值。
我目前在让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任何线索,如果你读到这个,很抱歉打扰你
答案
我假设它与视图封装有关。基本上你的css将使用像[_ngcontent-c5]这样的属性,因为模板里面的元素会自动拥有它。
但是,由datatables添加到dom的项目可能没有该属性导致样式不执行任何操作。
你可以通过向你的组件添加选项封装:ViewEncapsulation.None来解决这个问题:
import { ViewEncapsulation } from '@angular/core';
@Component({
[...] // other code like template and style urls
encapsulation: ViewEncapsulation.None
})
以上是关于CSS发布Ngx-table angular2泳道的主要内容,如果未能解决你的问题,请参考以下文章
angular2: ElementRef 获取 CSS 填充属性