如何将样式应用于PrimeFaces dataTable？

Question

最初,我有一个JSF数据表2.0,如下所示:

<h:dataTable value="#{bean.items}" var="item" styleClass="table table-hover">

看起来像这样:

我想使用行选择,所以我切换到PrimeFaces 4.0数据表:

<p:dataTable value="#{bean.items}" var="item" styleClass="table table-hover"
    rowKey="#{item.id}" selection="#{bean.selectedItem}" selectionMode="single">

看起来像这样:

但是,我的样式类table并table-hover没有被应用.这是怎么造成的,我该如何解决？

Answer 1

获取你的Primefaces的版本Primefaces用户指南这里.
在该文档中,您将找到如何在Skinning标题下覆盖每个组件的样式.
例如:
以下是剥皮p:outputLabel

如果你想改变颜色,我会使用我的css,因为它将适用于所有p:outputLabel的.

.ui-outputlabel{
color:blue;
}   

如果您只想更改一个特定的样式,p:outputLabel可以像这样使用

<div class="myLabel">
   <p:outputLabel value="This is Demo" />
</div>

然后CSS就像:

.myLabel .ui-outputlabel{
    color:blue;
}

Answer 2

嗯...不是tableStyleClass- 属性，它必须是table table-striped？

你只用过 styleClass