1 Reply Latest reply on Jul 27, 2013 9:41 PM by Paul Baker

    Horizontal Scroll bar not appearing  in Extended data table !!

    waquas ahmad Newbie

      Hi All,

       

      I am facing problem in horizontal Scroll bar.

       

      I am using Richfaces 4.3.3 final version .

       

      I have a popup panel which is of fixed width . and i have given height and width of extended datatable in percent .

       

      and coulmn width all together is more than the width of the popup panel so horizontal scroll bar is expected but it doesn't come up.

      But when I resize the column at runtime  it appears .

       

      Seconmdly when I don't use percent value for EDT width then it appears .

       

       

      I want to use the percent value for width and height and want the scroll bar to appear when column width increases in any case.

       

       

      Thanks in Advance.

       

      Want soem help ASAP.

        • 1. Re: Horizontal Scroll bar not appearing  in Extended data table !!
          Paul Baker Apprentice

          I had a similar problem some time ago... I solved it by wrapping the extendedDataTable in a panelGrid and then in a div.

          Define the percent width using the div..  I'm using pagination and I don't want vertical scroll that is why overflow-y is hidden...

          I can't remember why I needed the panelGrid but the scroll would not work without it...

          The margin-bottom css in the panelGrid is needed because the horizontal scroll bar was overlaying the pagination component..

          margin-left:auto;  margin-right:auto;  text-align: center; in the panelGrid are needed to center the EDT.

          Admittedly, this is not a great solution but it works for me...

           

          <div style="width: 100%; overflow-x: auto; overflow-y: hidden;">
              <h:panelGrid  id="inventoryGrp" columns="1"
                 style="margin-left:auto;  margin-right:auto;  text-align: center; margin-bottom: 11px;">
                    <rich:extendedDataTable id="inventoryTable"