Pessoal, estou com problemas em colocar os efeitos do CSS na minha dataTable.
abaixo segue o codigo.
CSS
.tabela {
border: 1px solid green;
}
/* Definição de estilos para linha de cabeçalho da tabela*/
.cabecalho {
.....
}
/* Definição de estilos para coluna */
.primeiro {
....
}
/* Definição de estilos para coluna */
.ultimo {
.....
}
Na pagina JSF
<h:dataTable var="dados" value="#{produtoBean.produtos}"
styleClass="tabela" headerClass="cabecalho" columnClasses="ultimo,primeiro">
<h:column>
<f:facet name="header">
<h:outputText value="ID"/>
</f:facet>
<h:outputText value="#{dados.id}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="NOME"/>
</f:facet>
<h:outputText value="#{dados.nome}"/>
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="DESCRIÇÃO"/>
</f:facet>
<h:outputText value="#{dados.descricao}"/>
</h:column>
</h:dataTable>
Em resumo alguem consegue ver onde está o problema, pq eu estou levando um baile.
Agradeço qualquer ajuda.
Abraços;