highlight first row in datatable onload

[Aparna Ram]

Hi,

I would like to highlight the first row in my datatable, onloading of the page. How do I go about doing the same?

<t:dataTable id="arrWorkListDO"value="#{workListDisplayAction.arrWorkListBean}" var="workListBean" border="1"  headerClass="bg_grey" rowClasses="tabConBod1" styleClass="tabCon sortable">
<tbody>
<tr>
<th>
<h:column>
<f:facet name="header">
<f:verbatim>Name</f:verbatim>
</f:facet>
<h:outputText value="#{workListBean.memberName}"/></h:column>
</th>
<th>
        <h:column>
<f:facet name="header">
<f:verbatim>Type</f:verbatim>
</f:facet>
<h:outputText value="#{workListBean.workListTypeName}"/>
</h:column>
</th>
<th>
<h:column>
<f:facet name="header">
        <f:verbatim>Account</f:verbatim></f:facet><h:outputText value="#{workListBean.accountName}"/></h:column>
</th>
</tr>
</tbody>
</t:datatable>

Thanks much.

[A. Dusi]

Since you are using t:datatable you can try using rowIndexVar attribute in your datatable attributes. Check if your rowIndexVar == 0 for each row and specify your styleClass accordingly.
If you are looking to highlight the headers then use headerClass atrribute.

Hope this helps.