I'm using extjs 4.2. I have a grid with around 20 columns, and ofcourse it has a horizontal scroll bar. What I need is the event on the gridwhich captures the horizontal scroll
The scroll bar is a part of the grid, not the window.
Any suggestions appreciated! Thanks!
Use bodyscroll event of the view. Here is example
Related
When I minimize the window and use the horizontal scrollbar to scroll the datagrid over to the right, then maximize the window again the datagrid gets stuck on the right and doesn't have the scrollbar anymore. I think this may be happening because I have too many columns, but I need the columns. Is there any way to fix this?
I want to have the datagrid not be stuck after I scroll to the right an maximize the window again
I have developed a custom react data table component which displays headersData, rowData and footerData in the table dynamically.
When it comes to the scrolling I am trying to achieve the below 2 points:
Horizontal scrolling -
A) First two columns should be fixed and from third column till the last column, horizontal scrolling should be enabled.
B) Horizontal scrolling should always be visible at the bottom of the window. There is a max-height of 300px and it should
be always visible at the bottom.
Vertical scrolling -
The header row should be fixed at the top when we are scrolling vertically.
The custom react data table and my attempt is there in the below CodeSandBox link. I have achieved the first point mentioned in Horizontal scrolling but could not achieve the second point mentioned in the horizontal scrolling and the vertical scrolling with the fixed header at the top. Tried for many days and couldn't figure out. For this reason, thought of seeking help and posted the question here. Kindly let me know your thoughts on how we can implement this feature. Thanks in advance.
CodeSandBox link:
https://codesandbox.io/s/custom-react-data-table-970ed?file=/src/tableContainer/DataTableContainer.tsx
Note: It doesn't need to support in IE.
Expecting the scrolling behavior to be like shown in the below link:
https://jsfiddle.net/6qxcaemu/5
I am new in jqgrid. I want to sync the vertical scroll bar of jqgrid with other div vertical scroll. i tried more example but no one being helpful.
So, please provide me appropriate solution as soon as possible
Thanks in advance
I am using idangerous vertical swiper of two slides in a mobile app using jquery mobile. I need a vertical scroll bar in second slide as I have grid in it, but both as the slide height is fixed I am unable to achieve it. I have a thought that swiper event and scrolling event will be collided. I have tried in lot of ways but couldn't break this.
Thanks,
E. Ramesh Babu
So are you looking for something like this?
CSS:
.swiper-slide:nth-child(2) {
overflow-y: scroll;
}
It should be a simple as that.
DEMO HERE
And here is making it vertical
DEMO HERE
on mobile devices, you should use
e.stopPropagation();
on the element you want to scroll on touchstart event
I'm using ExtJS 4.0.2 and there seems to be a bug, and I haven't found a clear solution to it.
I have a container with anchor layout, which contains some elements and a grid. When the window is re-sized so the grid doesn't fit anymore, the scrollbar appears on the container which is correct. However if I scroll down to the end, and select an item in the grid, the scroll jumps to the middle. This problem appears only in IE 8. Is there a fix for this?
Thanks in advance.
I read about a month ago that someone wanted to scroll to the same position after destroying and rendering the grid. The solution to that idea was to assign the scrolled pixels in a var, then after rendering, set the scroll to the same pixels (there is a function scrollTo();). So you could do the same thing, when you click and it scrolls to top, force it to scroll the same position. It's a stupid solution but.. just in case you can't fix it.