3 Replies Latest reply on Mar 21, 2011 2:08 AM by Satya K

    ScrollableDataTable header not displayed in Mozilla

    Satya K Newbie

      Hi,

       

      I just used ScrollableDataTable and the headers of the table were not displayed when viewed in Mozilla 3.6.13 .

       

      Where as If I shift to IE tabs, the headers were visible along with the data.

       

      I have attached the images from Mozilla nad IE.

       

      Also in IE the table style is fixed position so that even if I scroll down the browser, table remains at a position. But in Mozilla table position is not fixed.

       

      This project uses JSF 1.2 and Richfces 3.3.0 on JBoss 5.1 server.

       

      Here is the code for both the browsers :

              <h:form>

                  <rich:scrollableDataTable value=" " var="" cellpadding="0" height="200px" width="700px">

                      <rich:column  width="150">

                          <f:facet name="header">

                              <h:outputText value="Name"/>

                          </f:facet>

                          <h:outputText value="satya" />

                      </rich:column>

                      <rich:column  width="150">

                          <f:facet name="header">

                              <h:outputText value="Ident no"/>

                          </f:facet>

                          <h:outputText value="93560542" />

                      </rich:column>

                      <rich:column  width="100">

                          <f:facet name="header">

                              <h:outputText value="part Instance"/>

                          </f:facet>

                          <h:outputText value="Dont know" />

                      </rich:column>

                      <rich:column width="150">

                          <f:facet name="header">

                              <h:outputText value="1 - Date"/>

                          </f:facet>

                          <h:outputText value="what date?" />

                      </rich:column>

                      <rich:column width="150">

                          <f:facet name="header">

                              2 - Date

                          </f:facet>

                          <h:outputText value="Birth? Death?" />

                      </rich:column>

                  </rich:scrollableDataTable>

              </h:form>

       

      Is there anything that I am missing so that the headers disappear in Mozilla?

       

      Regards,

      Satya

        • 1. ScrollableDataTable header not displayed in Mozilla
          Ilya Shaikovsky Master

          At first please check using 3.3.3.Final. Too much bugfixing were done between version. Even if you can't do upgrade rifght now - need at least check if the same problem exist there or get fgixed.

           

          And

          Also in IE the table style is fixed position so that even if I scroll down the browser, table remains at a position. But in Mozilla table position is not fixed.

          Added any custom styling? Or it's just works like that by default for you?

          • 2. ScrollableDataTable header not displayed in Mozilla
            Satya K Newbie

            No additional styles applied to the scrollabe table. By default it was at fixed position in IE.

             

            But never the less I will update this post once I test the same code with 3.3.3.Final version.

             

            Regards,

            Satya

            • 3. ScrollableDataTable header not displayed in Mozilla
              Satya K Newbie

              Hi,

               

              The scrollable dataTable headers are displayed in Mozilla as well as in IE but the position is fixed in IE but not in mozilla.

               

              Does the scrollableDataTable get data from model in backing bean? Can that be customised so that on scroll, the data is fetched from DB?

               

              Also I happened to find that extendedDataTable has some descripencies when 3.3.3.Final is used.

               

              Ex: When 3.3.0 is used, if data is more than the width of rich:column then data is trimmed i.e cell is adjusted to the width I specified.

                    When 3.3.3.Final is used, if data is more than the width of rich:column then cell is expanded to accomodate the data hence table header and data rows have diferent widths.

               

              Here is the image of ExtendedDataTable under 3.3.3.Final .

               

              3.3.3.Final.PNG

              Regards,

              Satya