PrimeNG - 如何更改单个组件的 pTemplate= "caption" 的样式

Question

我想只在一个组件中更改p-table的标题单元格的背景色，该怎么办？

我试过<ng-template pTemplate="caption" class="myStyle">

和.myStyle{ background: rgb(9,169,121) !important; }在my.component.scss 中

但它不起作用。

帮帮我！谢谢

---

编辑：终于成功了！我看到了@Antikhippe的答案，但我不得不添加

：主机：：ng深度{#myTable｛
.p-datatable-thead{背景：红色
}.p-datatable.p-datatable-head>tr>th{背景：继承；}}｝

Answer 1

pTemplate="caption"只适合您的部分表头，您必须处理p-datatable-header类：

试试这个：

:host ::ng-deep {
#myTable {
.p-datatable-header {
background-color: red;
}
}
}

我用#myTable包围了p-datatable-header类，以便仅将此CSS应用于myTableid为的表

<p-table id="myTable" [value]="products">

参见StackBlitz