1. #1
    Ext User
    Join Date
    Jan 2008
    Posts
    128
    Vote Rating
    0
    LeonardoAP is on a distinguished road

      0  

    Default How to show an horizontal scrollbar on gridpanel when it has no rows?

    How to show an horizontal scrollbar on gridpanel when it has no rows?


    Hi!

    I've searched a lot in the forum for an answer to my question, but i didn't found anything.

    I have a editor grid panel, that has 12 columns.
    ok, when i got rows in the grid, i have a horizontal scrollbar to see the 12 columns.
    when i delete all rows, the horizontal scrollbar gones. In that way, i can't get all the columns.

    How will i keep the horizontal bar when the grid rows is 0?

    thanks in advance!

  2. #2
    Ext User
    Join Date
    Jan 2008
    Posts
    128
    Vote Rating
    0
    LeonardoAP is on a distinguished road

      0  

    Default


    tried more times with no results. I'm out of options.

    I noticed that the div of the results is different from the div of the columns, it will be difficult to create a horizontal bar for the columns in the div of the results.

    I think that there is no workaround for this. And may be a bug?

  3. #3
    Ext User
    Join Date
    Jan 2008
    Posts
    32
    Vote Rating
    0
    pjesus is on a distinguished road

      0  

    Default Same Problem

    Same Problem


    I Have the same problem here. I've noticed it when I apply a filter in a column that is out of sight (scrolled) in a table with forceFite:false, and no results are returned. If i want to remove the filter I can not see the column because there is no scrollbar...

    Tanks in advance.

    Paulo Jesus

  4. #4
    Ext User
    Join Date
    Jan 2008
    Posts
    128
    Vote Rating
    0
    LeonardoAP is on a distinguished road

      0  

    Default


    Yes, i have experienced this filter problem too

  5. #5
    Ext JS Premium Member NoahK17's Avatar
    Join Date
    Apr 2008
    Location
    Atlanta, GA
    Posts
    518
    Vote Rating
    1
    NoahK17 is on a distinguished road

      0  

    Default


    All you need to do is add some custom CSS for the grid that states....

    Code:
    overflow-x: scroll;
    That will always display a horizontal scroll bar no matter what.
    Noah
    Senior Web Developer
    NBA.com

  6. #6
    Ext User
    Join Date
    Jan 2008
    Posts
    128
    Vote Rating
    0
    LeonardoAP is on a distinguished road

      0  

    Default


    thanks for the reply, but it won't work

  7. #7
    Ext User
    Join Date
    Jan 2008
    Posts
    32
    Vote Rating
    0
    pjesus is on a distinguished road

      0  

    Default


    Tankz NoahK17 for the reply, but I've tried that and don't work (maybe I put it in the wrong element).

    It wont work because the div of the rows is not the same of the column headers, I think. The problem is that we can't scroll to the column to remove the filter.

    Tanks

    Paulo Jesus

  8. #8
    Ext User
    Join Date
    Jan 2008
    Posts
    128
    Vote Rating
    0
    LeonardoAP is on a distinguished road

      0  

    Default


    Up!

    I really need to know if there is a workaround for the problem
    or, if it is a bug in Ext

  9. #9
    Ext User
    Join Date
    Jul 2007
    Posts
    3,128
    Vote Rating
    1
    devnull is an unknown quantity at this point

      0  

    Default


    I wouldnt call it a bug...
    To me, I see absolutely no reason to want this; who cares about the column headers when no data is loaded?

  10. #10
    Ext User
    Join Date
    Jan 2008
    Posts
    128
    Vote Rating
    0
    LeonardoAP is on a distinguished road

      0  

    Default


    Quote Originally Posted by devnull View Post
    I wouldnt call it a bug...
    To me, I see absolutely no reason to want this; who cares about the column headers when no data is loaded?
    suppose that a user puts a filter in the last column, and the filter returns no data. how to remove the filter if the last column is unreacheable because there is no scroll bar?