PrimeNG-如何在单个表的p表中更改pTemplate =“ caption”的样式

杜内尔

我只想更改p-table一个组件的标题单元格的背景颜色,我该怎么办?

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

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

但这不起作用。

帮我!谢谢!


编辑:终于可以了!我看到了@Antikhippe的答案,但我不得不添加

:host :: ng-deep {#myTable {.p
-datatable-thead {背景:红色;
} .p-datatable .p-datatable-thead> tr> th {背景:继承;} }}

Antikhippe

pTemplate="caption"只适合表标题的一部分,您必须在p-datatable-header课堂上工作

尝试这个:

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

我将p-datatable-header包围在一起#myTable,仅将此CSS用于myTableIDID的表

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

StackBlitz

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何设置 PrimeNg 下拉图标的样式

来自分类Dev

在PrimeNG中自定义按钮样式

来自分类Dev

PrimeNG中的样式复选框

来自分类Dev

如何在PrimeNG表中按json显示此组?

来自分类Dev

为什么我不能设置PrimeNG p-calenar组件CSS样式?

来自分类Dev

无法使用 style、styleClass、inputStyle 或 inputStyleClass Angular-CLI 覆盖 primeNG 中的样式

来自分类Dev

使用 PrimeNG 数据表

来自分类Dev

删除行(PrimeNg)后无法刷新p表中的数据

来自分类Dev

扩展PrimeNG中的组件

来自分类Dev

PrimeNG中的Tieredmenu

来自分类Dev

如何专注于PrimeNG p按钮

来自分类Dev

如何像ngFor中一样在primeng p表中设置索引变量

来自分类Dev

如何冻结PrimeNg数据表中的列-Angular 2?

来自分类Dev

扩展的primeng 表不显示表的行

来自分类Dev

如何在ng-grid表中添加<caption>标签?

来自分类Dev

如何在PrimeNg中禁用选择文件

来自分类Dev

当数据不存在时,如何在PrimeNG数据表中添加“未找到记录”?

来自分类Dev

将CSS样式应用于我的角度应用程序中的所有Primeng对话框

来自分类Dev

如何正确使用PrimeNG的Dropdown

来自分类Dev

如何重置PrimeNG日历的inputFieldValue

来自分类Dev

如何使CSS列成为primeng?

来自分类Dev

如何使 PrimeNg VirtualScroller 响应高度?

来自分类Dev

PrimeNG数据表行跨度示例

来自分类Dev

primeng可编辑表,发出pEditableColumn

来自分类Dev

primeNG表上的可编辑行问题

来自分类Dev

编辑 css primeNG 数据表标题

来自分类Dev

Primeng 数据表选择与奇怪的数据

来自分类Dev

Angular 2 的 Primeng 数据表问题?

来自分类Dev

PrimeNG - 如何改变 p-growl 风格