【问题标题】:Nostyle is changed for Angular Material Dynamic TableAngular Material Dynamic Table 的 Nostyle 已更改
【发布时间】:2020-07-16 23:46:33
【问题描述】:

我用this角材质动态表。我想更改列宽,但我无法更改该表中的任何样式。 Thisdemo page 用于测试。我在 CSS 下面添加了测试是否有任何变化:

table, table td, table tr td, table th, .mat-cell, mdt-dynamic-table, mdt-dynamic-table table {
  background-color: red;
}

为什么任何样式都不适用于该表?如何调整列宽或更改任何样式?

【问题讨论】:

    标签: angular


    【解决方案1】:

    看起来您的表格不是您要为其设置样式的组件的一部分。

    你试过::ng-deep吗?

    https://angular.io/guide/component-styles

    :host ::ng-deep table {
      background-color: red;
    }
    

    【讨论】:

    • 非常感谢。这是什么意思表不是组件的一部分。它是一个角包,我认为它在背景中使用角材料默认表。为什么会出现这个问题?
    • 很高兴它有帮助。 Angular 封装了所有组件。您的角材料表也是一个组件(子)。如果您将表格放在另一个组件(父组件)中,并且将子组件的样式放入其中,则子组件不会从中得到任何信息。您可以使用::ng-deep 或将viewEncapsulation 设置为none 来解决这个问题。您可以在这里查看更多信息:angular.io/api/core/ViewEncapsulation
    猜你喜欢
    • 2022-10-16
    • 2019-09-17
    • 1970-01-01
    • 1970-01-01
    • 2018-10-17
    • 2022-12-18
    • 1970-01-01
    • 1970-01-01
    • 2020-10-26
    相关资源
    最近更新 更多