CSS   发布时间:2022-04-17  发布网站:大佬教程  code.js-code.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 Issue

@H_262_14@

解决方法

我认为它与视图封装有关.基本上你的css将使用像[_ngcontent-c5]这样的属性,因为模板里面的元素会自动拥有它.

但是,由数据表添加到dom的项目可能没有该属性导致样式不执行任何操作.

你可以通过向你的组件添加选项封装:ViewEncapsulation.None来解决这个问题:

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

大佬总结

以上是大佬教程为你收集整理的CSS问题Ngx-table angular2泳道全部内容,希望文章能够帮你解决CSS问题Ngx-table angular2泳道所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。