I open by rich faces application in a browser with width 800 and height 600
The scrollable data table is configured as follows
<rich:scrollableDataTable binding="#{mySecondBean.dataTable}" value="#{myBean.dataList}" var="dataItem" id="testtable" width="100%" height="#{myBean.casepacketsMax}">
<rich:column>
<f:facet name="header">
<h:outputText value="ID"/>
</f:facet>
<h:outputText value="#{dataItem.id}"/>
</rich:column>
<rich:column>
<f:facet name="header">
<h:outputText value="Name"/>
</f:facet>
<h:outputText value="#{dataItem.name}"/>
</rich:column>
<rich:column>
<f:facet name="header">
<h:outputText value="Value"/>
</f:facet>
<rich:comboBox value="#{dataItem.value}" suggestionValues="#{dataItem.values}" enableManualInput="true" id="combo">
</rich:comboBox>
</rich:column>
</rich:scrollableDataTable>
The width parameter is set to 100%.
When the table is rendered all the columns appear bunched together. This does not happen in a dataTable.
How do I make the columns to have the same width. Very similar to what exists in javax.swing.JTable AUTO_RESIZE_ALL_COLUMNS which proportionately resizes all columns