1 Reply Latest reply on Apr 16, 2009 7:11 AM by Nick Belaevski

    Rich datatable exceeding the normal page if there more chara

    aboo salimon Newbie

      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>