sync vertical scroll bar of jqgrid with other div vertical scroll bar - javascript

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

Related

Horizontal and vertical scrolling issue in a custom react data table component

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

Scrollbar under fixed column in jquery datatable

Hi guys I am getting scroll bar under fixed column when hovering on that particular column which is fixed in the jquery datatable. I am attaching the image for the same, the scroll bar which I am mentioning is under the first column that is fixed. Please, if any one can come up with the solution it would be helpful.

Horizontal scroll bar page navigation with vertical scroll bars

So I have about 8 pages, more or less that I want the user to be able to scroll to each one horizontally. However each one of those 8 pages is also pretty long and needs a vertical scroll bar in each page as well. So when the user uses the horizontal scroll bar they should be able to navigate the different pages, but when using the vertical scroll bar they should be able to just scroll up and down on the page that they're viewing.
I looked at at fullpage.js and sly.js and I'm not really sure which one would be the best to achieve this kind of design. Also if anyone has any other suggestions on how to do this that'd be great too.
If you go for fullpage.js, it doesn't provide any horizontal scroll bar. You can scroll horizontally form one slide to another by using the keyboard arrows or by using any visual element in your site.
fullpage.js provides arrows by default to do so. But you can substitute them for any other element.
Then you can use the option scrollOverflow:true to allow the vertical scrolling within the slides.

Grid onscroll event needed

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

jQuery custom content scroller horizontal issues with persian and responsive

I'm using this plugin for adding custom scrolling function into my web page.
(http://manos.malihu.gr/jquery-custom-content-scroller/)
At some section I need a newspaper-like content/post with columns to be scrolled horizontally, but the problem :
Media-queries and responsiveness of the layout doesn't apply
Language of my content is RTL (Persian) I want the scrolling to start from right to left, but it naturally starts from left, so there's a huge space from left and we have to scroll to reach the original content.
I'd be grateful if I can get a solution from you guys :)
Thanks in advance.

Categories

Resources