dataTable in JSF

[Dwijen Bhattacharjee]

Hi all,
I am new to JSF .In my application I am using <h:dataTable> to populate a dynamic table .I have two columns "NUMBER" and "NAME".I am using the following Code ---
<h:dataTable id="dt1" value="#synergyCustomerManagementBeanHandle.result}" var="item" border="1" cellpadding="0" cellspacing="0" width="100%" bgcolor="white" >
<h:column >
<f:facet name="header" >
<hutputText value="Number" />
</f:facet>
<hutputText value="#{item.number}"></hutputText>
</h:column>
<h:column>
<f:facet name="header">
<hutputText value="Name" />
</f:facet>
<hutputText value="#{item.name}"></hutputText>
</h:column>
</h:dataTable>



NOw The problem is both the column taking the same space .but i want that the size of the two column will be 20%(NUMBER) and 80%(NAME). but how to do that because
<h:column>,<f:facet> nothing cotains property like width .

How can I do this kind of alignment?
Thanks in Advance.

[Alexander Bell]

Hi,

you can use the "columnClasses" attribute of the h:dataTable Tag.
You can specify for every column one style-class.

E.g

  
<h:dataTable var="i" columnClasses="styleForCol1, styleForCol2" ...>
</h:dataTable>

You can specify styles for the rows as well with the "rowClasses"-Attribute

See more Examples with JSF-Datatables on http://www.j4fry.org/J4Fry_Quick_Setup_Tomcat_MyFaces_Hibernate/index.faces


---------------------
Visit http://www.j4fry.org

[Ben Souther]

"Alexander Bell",
Please check your private messages regarding an important administrative matter.
-Ben

[Krishna Srinivasan]

DataTable in JSF