更改primefaces中f:facet name="header“的颜色
更改primefaces中f:facet name="header“的颜色
提问于 2013-12-20 17:41:51
有没有什么方法可以用来更改datatable (primefaces)中的facet标题的颜色(一般是css样式)？
<p:dataTable id="iddata" var="test" value="#{test.getDataValue()}"
styleClass="borderless">
<f:facet name="header">
<h:graphicImage value="../../theme/images/ffolder.png" />
<h:outputText value="Your data" styleClass="outputTextStyle"></h:outputText>
<p:commandButton id="dynaButton2" value="add data" ajax="true"
action="#{lpcRecordAddition.formSubmit}"/>
</f:facet>
<p:column>
<p:panelGrid>
... some code ...
</p:panelGrid>
<f:facet name="header">
<div style="float: left;">
<p:selectOneMenu value="" style="width:160px">
<f:selectItem itemValue="tezst1" itemLabel="action" />
<f:selectItem itemValue="tezst2" itemLabel="test1" />
<f:selectItem itemValue="tezst3" itemLabel="test2" />
</p:selectOneMenu>
</div>
</f:facet>
<f:facet name="header">
<div style="float: left;" >
<p:selectOneMenu value="" style="width:160px">
<f:selectItem itemValue="tezst1" itemLabel="sir" />
<f:selectItem itemValue="tezst2" itemLabel="test1" />
<f:selectItem itemValue="tezst3" itemLabel="test2" />
</p:selectOneMenu>
</div>
</f:facet>
</p:column>
</p:dataTable>我想更改包含最后2个组合框的2个facet标题的颜色。
回答 2
Stack Overflow用户
发布于 2013-12-20 19:26:05
Datatable将呈现为HTML表。因此，列标题将为th
您可以在下面的CSS中实现这一点
.customHeader th{
background-color: black;
}为所需的p:column指定styleClass
<p:column styleClass = "customHeader ">
...
</p:column>Stack Overflow用户
发布于 2014-02-05 22:33:03
实际上，解决方案很简单：
.borderless thead tr .ui-state-default[role="columnheader"] {
background :rgb(50, 69, 76);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/20700550
复制相关文章
相似问题