Question

如何访问多个彩色行的行css？

我尝试使用：

.redRow .ui-datatable-even, ui-datatable-odd {
   background-color: red;
}

.blueRow .ui-datable-even, ui-datatable-odd{
   background-color: blue;
}

但它不起作用，因为primefaces主题覆盖了这一点。怎么做这样的事情？

Answer 1

确保你的css在primefaces css之后加载，如this answer中所示。

Answer 2

在您的组件中包含封装：ViewEncapsulation.None，以使用css选择器访问数据表中的元素。

import { Component, OnInit, ViewEncapsulation } from '@angular/core';

@Component({
    selector: 'my-component',
    templateUrl: './my-component.component.html',
    styleUrls: ['./my-component.component.css'],
    encapsulation: ViewEncapsulation.None
})

如何访问primefaces数据表行css？

2 个答案: