jsf - CSS does not apply to table rows -
i trying make odd , rows having different color. here code:
<h:head> <h:outputstylesheet library="css" name="styles.css" /> <title>facelet title</title> </h:head> <h:body> <h:form> <h:datatable id="accountstable" value="#{currentcustomer.accounts}" var="accounts" styleclass="accountstable" headerclass="accountstableheader" rowclasses="accountstableoddrow,accountstableevenrow" > <h:column> <f:facet name="header">account number</f:facet> #{accounts.accountnumber} </h:column> <h:column> <f:facet name="header">currency</f:facet> #{accounts.accountcurrency} </h:column> <h:column> <f:facet name="header">iban</f:facet> #{accounts.iban} </h:column> <h:column> <f:facet name="header">account number</f:facet> #{accounts.accountnumber} </h:column> </h:datatable> </h:form> </h:body>
and css file:
root { display: block; } .accountstable{ border-collapse:collapse; border:1px solid #000000; background-color: red; } .accountstableheader{ background:none repeat scroll 0 0 #b5b5b5; border-bottom:1px solid #000000; padding:2px; } .accountstableoddrow{ text-align:center; background:none repeat scroll 0 0 #fffffff; } .accountstableevenrow{ text-align:center; background:none repeat scroll 0 0 #d3d3d3; }
and file organization:
but rows still white. can me this?
thanks
if want use
<h:outputstylesheet library="css" name="styles.css" />
you need following. create folder called resources
under web pages
, place folder css
in it. styles not being applied because it's looking in folder (resources
) css
folder.
check link sort of see visual description of mean. first picture see (the directory one).
alternatively can
<h:outputstylesheet name="/css/styles.css" />
also check link see how library should used.
Comments
Post a Comment