PDA

View Full Version : How to show horizontal scrollbar when column is overflow but no row in grid



earist
20 Mar 2017, 1:08 AM
Hi all,

I have tried to create grid panel with many columns.
Please see http://jsfiddle.net/earist/n03mev5u/5/ for example

Step 1. When you open the link and run the code, you will see the locking grid with empty row.
The horizontal scroll bar does not appear even if the columns are overflowed from grid.
So, you cannot go to see the last column.

Step 2. Click "Add Data" button
The data will be added to grid and the horizontal scroll bar will appear
So, you can use the scroll bar to see the first or last column.

Step 3. Move the scroll bar to right to see the last column
Then click "Clear Data" button
Both data and scroll bar will be cleared from grid like step 1.

How can I show the scroll bar when the columns are overflowed (even if no row in grid)?
Note: ExtJS 4.2.0, Google Chrome version 56.0.2924.87 / Firefox version 52.0 (32-bit)

Best regards,
earist

Gary Schlosberg
21 Mar 2017, 2:02 PM
That behavior is fixed in 4.2.1.

earist
21 Mar 2017, 4:47 PM
Thank you Gary Schlosberg.
Has it been fixed in version 5.0 or newer?

Gary Schlosberg
23 Mar 2017, 1:49 PM
Here's your test case in 5.0.
https://fiddle.sencha.com/#view/editor&fiddle/1sn5

In 5.0.0, the scrollbar doesn't show when the grid is empty, but it also doesn't get stuck when you remove the data after scrolling right. In 5.0.1, the scrollbar shows up regardless of the data.