Unterschiedliche Zeilenfarben

[PrimeTime2]

Hallo
Also ich habe eine mit JSF / Richfaces eine Tabelle mithilfe von Datatable programmiert.
Ich möchte jetzt erreichen das die zeilen farben immer abwechseln.
Also das die erste Zeile weiß ist, die 2 hell bau, die dritte wieder weiß und immer
weiter so. Ich weis jedoch nicht wie?

<h:panelGroup layout="block"
			style="padding-bottom:7px; padding-left:12px; padding-right:12px">
			<rich:dataTable cellpadding="0" cellspacing="0" border="0" rows="15"
				style="vertical-align:top; padding-bottom:20px" rowKeyVar="row"
				value="#{dataList}" var="dataItem">


				<rich:column width="80px" style="text-align:center">
					<f:facet name="header">
						<h:outputText value="ID" />
					</f:facet>
					<h:outputText value="#{dataItem.id}"
						rendered="#{dataItem.id != null}" />
					<h:outputText value="#{dataItem.id}"
						rendered="#{dataItem.id == null}" />
				</rich:column>

				<rich:column width="190px" style="text-align:center">
					<f:facet name="header">
						<h:outputText value="Name" />
					</f:facet>
					<h:outputText value="#{dataItem.name}"
						rendered="#{dataItem.id != null}" />
					<h:outputText value="#{dataItem.name}"
						rendered="#{dataItem.id == null}" />
				</rich:column>

				<rich:column width="190px" style="text-align:center">
					<f:facet name="header">
						<h:outputText value="Description" />
					</f:facet>
					<h:outputText value="#{dataItem.description}"
						rendered="#{dataItem.id != null}" />
					<h:outputText value="#{dataItem.description}"
						rendered="#{dataItem.id == null}" />
				</rich:column>

				<rich:column width="70px" style="text-align:center">
					<f:facet name="header">
						<h:outputText value="#{msg['administration.edit']}"
							style="FONT-WEIGHT: bold;" />
					</f:facet>

					<a4j:commandLink ajaxSingle="true"
						oncomplete="#{rich:component('EditTable')}.show()">

						<!-- 
					value="#{msg['administration.edit']}"
					reRender="table" action="#{datasourcesModell.delete}"
					actionListener="#{datasourcesModell.currentRow}">
					 -->

						<h:graphicImage value="/images/add.png" style="border:0" />
						<f:setPropertyActionListener value="#{row}"
							target="#{datasourcesModell.currentRow}" />
						<h:inputHidden id="dataItemId" value="#{dataItem.id}" />
					</a4j:commandLink>
				</rich:column>


				<rich:column width="70px" style="text-align:center">
					<f:facet name="header">
						<h:outputText value="#{msg['administration.delete']}"
							style="FONT-WEIGHT: bold;" />
					</f:facet>
					<a4j:commandLink ajaxSingle="true" id="deletelink"
						oncomplete="#{rich:component('deletePanel')}.show()">
						<h:graphicImage value="/images/delete.png" style="border:0" />
						<f:setPropertyActionListener value="#{row}"
							target="#{datasourcesModell.currentRow}" />
					</a4j:commandLink>
					<rich:toolTip for="deletelink" value="Delete" />
				</rich:column>

				<f:facet name="footer">
					<rich:datascroller renderIfSinglePage="false" maxPages="10" />
				</f:facet>
			</rich:dataTable>
		</h:panelGroup>

 

[Yaslaw]

Weiss grad nicht wie es mit rich:dataTable ist. mit der h:rataTable ist genaz einfach. Alle Styleclassen mit Komma getrennt bei rowClasses einfügen.

<h:dataTable value="#{CASH_FLOW_TYPE_MAP_DATA_MODEL}" 
					var="entry"  
					first="#{cashFlowTypeMap.first}" 
					rows="#{cashFlowTypeMap.pageSize}" 
					styleClass="list" 
					headerClass="title-list"
					rowClasses="list-white,list-gray">