Rich datatable exceeding the normal page if there more chara
hi,
data table is exceeding the page when there is more value in any one column in that data table.
example :
if there is more than 250charc in any one column then datable is exceeding the page. even thought i gave width in each column.... how can i rectify it???
here the code
<rich:dataTable id="surchargeslist" var="surcharge" value="#{surchargesSetup.surcharges}" width="100%" rowClasses="rich-table-oddRow,rich-table-evenRow"
columnClasses="align-left,align-center,align-right,align-center,," columnsWidth="0*">
<f:facet name="footer">
<rich:datascroller align="left" for="surchargeslist" maxPages="20" boundaryControls="auto" fastControls="auto" stepControls="auto" renderIfSinglePage="false"/>
</f:facet>
<f:facet name="header">
<rich:columnGroup>
<h:column><h:outputText value="Name"/></h:column>
<rich:column ><h:outputText value="Rate type"/></rich:column>
<rich:column ><h:outputText value="Amount"/></rich:column>
<rich:column ><h:outputText value="Active"/></rich:column>
<rich:column styleClass="editColumn" rendered="#{s:hasPermission('ConfigureSurcharge','Edit')}">
<h:outputText value="Edit"/>
</rich:column>
<rich:column styleClass="editColumn" rendered="#{s:hasPermission('ConfigureSurcharge','Delete')}">
<h:outputText value="Delete"/>
</rich:column>
<rich:column styleClass="editColumn">
<h:outputText value="History"/>
</rich:column>
</rich:columnGroup>
</f:facet>
<rich:column width="100">
<h:outputText value="#{surcharge.name}"/>
<h:panelGroup layout="block" styleClass="small-text">
<h:outputText value="#{surcharge.description}"/>
</h:panelGroup>
</rich:column>
<rich:column width="120"><h:outputText value="#{surcharge.surchargeRateType.name}"/></rich:column>
<rich:column width="100"><h:outputText value="#{systemUtils.formatDecimal(surcharge.amount, selectedInstance.decimalFormat.businessValue)}"/></rich:column>
<rich:column width="60"><h:outputText value="#{surcharge.active}"/></rich:column>
<rich:column width="20" styleClass="editColumn" rendered="#{s:hasPermission('ConfigureSurcharge','Edit')}">
<a:commandLink action="#{surchargesSetup.editSurcharge(surcharge)}" oncomplete="#{rich:component('surchargeDlg')}.show()" ajaxSingle="true" reRender="surchargeDlg">
<h:graphicImage value="/images/edit.gif" title="Edit"/>
</a:commandLink>
</rich:column>
<rich:column width="20" styleClass="editColumn" rendered="#{s:hasPermission('ConfigureSurcharge','Delete')}">
<a:commandLink action="#{deleteManager.ajaxSelectObject(surcharge, 'surchargeslist,surchargeAddButton')}" oncomplete="#{rich:component('deleteDlg')}.show()" reRender="surchargeslist,surchargeAddButton">
<h:graphicImage value="/images/delete.gif" title="Delete"/>
</a:commandLink>
</rich:column>
<rich:column width="25" styleClass="editColumn">
<a:commandLink action="#{surchargesSetup.prepareSurchargeHistory(surcharge)}" oncomplete="#{rich:component('surchargeHistoryDlg')}.show()" reRender="surchargeHistoryDlg">
<h:graphicImage value="/images/publish.gif" title="History"/>
</a:commandLink>
</rich:column>
</rich:dataTable>
