Top and bottom X-scroll in datagrids

Hi, I have to display 25 columns in a single data grid, so I have used the style overflow-x:scroll in the data grid. But it is not convenient to have scroll only in the bottom of the grid, for better user experience I need to show the scroll bar both in top and bottom of the grid. Any idea to achieve this would be appreciated. Thanks in advance!
1 answers

Have you tried out a Javascript way?

It could be possible through javascript by placing a dummy div on top of the datagrid, and use the on scroll events to tie them together.

You can try this one , here is useful link.