Skin not working for rich:dataTable
ranveer.singh Mar 21, 2012 3:05 AMI am using Richfaces4. In this , i am not able to get the skin for rich:dataTable. Following are the XHTML codes.
Info.xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich"
>
<ui:composition template="/templates/mainTemplate.xhtml">
<ui:define name="pageTitle">#{msg.title}</ui:define>
<ui:define name="pageContent">
<ui:include src="/pages/info/InfoDetail.xhtml"/>
</ui:define>
</ui:composition>
</html>
InfoDetail.xhtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:a4j="http://richfaces.org/a4j"
xmlns:rich="http://richfaces.org/rich">
<rich:dataTable value="#{infoBean.infoList}" var="info">
<f:facet name="header">
<rich:columnGroup>
<rich:column>
<h:outputText value="Name" />
</rich:column>
<rich:column>
<h:outputText value="Principal Name" />
</rich:column>
<rich:column>
<h:outputText value="Address1" />
</rich:column>
<rich:column>
<h:outputText value="Address2" />
</rich:column>
<rich:column>
<h:outputText value="Dist" />
</rich:column>
<rich:column>
<h:outputText value="State" />
</rich:column>
<rich:column>
<h:outputText value="Landline/Mobile" />
</rich:column>
</rich:columnGroup>
</f:facet>
<rich:column>
<h:outputText value="#{infoTO.name}" />
</rich:column>
<rich:column>
<h:outputText value="#{infoTO.prinicipalName}" />
</rich:column>
<rich:column>
<h:outputText value="#{infoTO.address1}" />
</rich:column>
<rich:column>
<h:outputText value="#{infoTO.address2}" />
</rich:column>
<rich:column>
<h:outputText value="#{infoTO.dist}" />
</rich:column>
<rich:column>
<h:outputText value="#{infoTO.state}" />
</rich:column>
<rich:column>
<h:outputText value="#{infoTO.mobileNumber}" />
</rich:column>
</rich:dataTable>
</ui:composition>
Follwoing is the output i am getting when launching the dataTable. you can see , name, principal name headers are coming as plain text.