Fix (Stick) UI Grid column headers when grid's vertical scollbar is disabled - angularjs

I have disabled UI Grid vertical scroll bar and have just page scroll bar with more than 200 records displayed at a time.
But when the page is scrolled the grid headers are not visible on the screen.
Also the horizontal scroll bar is present right at the bottom of the screen making it inconvenient as the user would have to scroll right till the bottom to access it making the grid column headers invisible.

Related

Kendo react grid horizontal scroll value

I am using kendo react grid in my application. In the grid there are many columns so there is horizontal scroll bar present now if someone has scrolled the grid to right and performed some actions on the grid now grid will re render and horizontal scroll bar will moved to the right which is not required. I wanted to preserved the value of the kendo react horizontal scroll. How can i get the value of horizontal scroll from the kendo react?

React table vertical scroll bar position

I am using react-data-grid to paint the data in table format.Problem I am facing is if I scroll the table vertically and refresh the screen scroll bar is going to the top.How to set the vertical scroll bar position.I have attached the pic of componentimage

AG grid horizontal scroll bar is disabled, not moving

To my AG Grid, I can add extra columns and the scroll bar becomes visible. But when I click on one of the rows and display a component that provides a detailed view of that row, the scroll bar is disabled (it is visible but not moving). When I hover over the scrollbar , it shows not allowed symbol.

Create control with vertical scroll bar fill container without horizontal scroll bar appearing

I have table layout and inner table layout (marked with red braсkets).
When inner table have a few rows vertical scroll bar disabled and it fill cell(3 columns spawn).
However, when there is too many rows, vertical scroll bar is enabled and it take some space from container so horizontal scroll bar became visible also.
Is there is any way to make so that table layout with scroll bar and docking set to fill, have exact width of the container(3 columns in my case) after dynamic creation.
Images:
http://imageshack.com/a/img37/7370/jr04.png
http://imageshack.com/a/img850/3075/nmk3.png
Thanks

How to scroll an extjs panel towards right

I have an extjs panel. This panel has dynamic contents added into it every time I press a button. This dynamic content gets added to the end of the panel, which is not visible until I do a manual horizontal scroll.
I want to scroll to the right most side everytime a new content is added and user see that content immediately (without manually having to scroll right)
Is there any way, I can automatically horizontally scroll the panel towards the end of the panel in the right
Thx

Resources