2 Replies Latest reply on Sep 20, 2011 3:48 PM by Edilmar Alves

    Horizontal scrolling not working in richfaces 4.0 for rich:extendedDataTable

    Pavna Daryani Newbie

      I am using rich:extendedDataTable and I read richfaces 4 support horizontal and verical scoll. But it is not working in my case

       

      Here is my code, you help is appreciated..

       

      <h:form id="equipmentForm">
         <rich:extendedDataTable value="#{equipmentBean.listEquipment}" var="m"
               id="EquipmentTable" sortMode="single" selectionMode="single"
               frozenColumns="0"
               style="width:260px; height:160px;">

          <rich:column>
           <f:facet name="header">
            <h:outputText value="Description"  styleClass="tableHeader" />
           </f:facet>
           <h:outputText value="#{m.user1}" styleClass="tableData" />
          </rich:column>

          <rich:column>
           <f:facet name="header">
            <h:outputText value="Property No."  styleClass="tableHeader" />
           </f:facet>
           <h:outputText value="#{m.user2}" styleClass="tableData" />
          </rich:column>


          <rich:column>
           <f:facet name="header">
            <h:outputText value="Date of Use"  styleClass="tableHeader" />
           </f:facet>
           <h:outputText value="#{m.user3}" styleClass="tableData" />
          </rich:column>

          <rich:column>
           <f:facet name="header">
            <h:outputText value="Calibratio Due"  styleClass="tableHeader" />
           </f:facet>
           <h:outputText value="#{m.user4}" styleClass="tableData"/>
          </rich:column>

         </rich:extendedDataTable>

         <h:commandButton value="Add Equipment" style="font-size:12pt">
          <rich:componentControl target="equipmentPopup" operation="show" />
         </h:commandButton>

        </h:form>

        • 1. Re: Horizontal scrolling not working in richfaces 4.0 for rich:extendedDataTable
          Edilmar Alves Expert

          Hi,

          I have the same problem and I tried to copy code from RichFaces Showcase like this, but adapting for my bean data:

           

          <h:form>
              <rich:extendedDataTable value="#{faturaVinculacaoConhec.listTableSemFatura}"
                  var="car" id="table" frozenColumns="2"
                  style="height:300px; width:500px;" selectionMode="none">
                  <f:facet name="header">
                      <h:outputText value="Cars marketplace" />
                  </f:facet>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="vendor" />
                      </f:facet>
                      <h:outputText value="#{car.numConhec}" />
                  </rich:column>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="Model" />
                      </f:facet>
                      <h:outputText value="#{car.numero}" />
                  </rich:column>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="Price" />
                      </f:facet>
                      <h:outputText value="#{car.cartaFrete}" />
                  </rich:column>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="Mileage" />
                      </f:facet>
                      <h:outputText value="#{car.pedidoCliente2}" />
                  </rich:column>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="VIN Code" />
                      </f:facet>
                      <h:outputText value="#{car.dataEmissao}" />
                  </rich:column>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="Items stock" />
                      </f:facet>
                      <h:outputText value="#{car.valorCalc}" />
                  </rich:column>
                  <rich:column>
                      <f:facet name="header">
                          <h:outputText value="Days Live" />
                      </f:facet>
                      <h:outputText value="#{car.nomeCliente}" />
                  </rich:column>
              </rich:extendedDataTable>
          </h:form>

           

          Then, the table appears like this:

          extendedDataTableWithoutHorizontalScrolling.jpeg

          No view of "Items stock" and "Days live" columns.

          • 2. Re: Horizontal scrolling not working in richfaces 4.0 for rich:extendedDataTable
            Edilmar Alves Expert

            I tested now with Firefox6 and Chrome14, and the same problem continues. I registered a bug in JIRA... https://issues.jboss.org/browse/RF-11421