Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 角度材质动态表的鼻孔样式已更改_Angular - Fatal编程技术网

Angular 角度材质动态表的鼻孔样式已更改

Angular 角度材质动态表的鼻孔样式已更改,angular,Angular,我用的是角材料动态表。我想更改列宽,但无法更改该表中的任何样式。这是测试用的。我在下面添加了CSS,用于测试是否有任何变化: table, table td, table tr td, table th, .mat-cell, mdt-dynamic-table, mdt-dynamic-table table { background-color: red; } 为什么任何样式都不适用于该表?如何调整列宽或更改任何样式?看起来您的表格不是要设置其样式的组件的一部分 您是否尝试了::ng

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

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

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

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

您是否尝试了
::ng deep


非常感谢你。什么是doe?这意味着表格不是组件的一部分。这是一个有角度的包,我认为它在背景中使用了角度材质默认表。为什么会发生这个问题?很高兴它起了作用。Angular封装所有组件。角度材质表也是一个组件(子级)。如果将表放在另一个组件(父组件)中,并将子组件的样式放在其中,则子组件从中什么都不知道。您可以使用
::ng deep
或将
视图封装设置为无来解决此问题。您可以在此处查看更多信息:
:host ::ng-deep table {
  background-color: red;
}