scotitpulsa
IS-IT--Management
I've found a really cool way to have the column headings of a datagrid to be offset from the grid in a way to simulate fixing the column headings in an excel spreadsheet.
The problem I'm having is if the grid is not the first object on the page, say for instance there is a chart on the page above the grid, when you scroll down, the grid headings scroll immediately, not as the headings reach the top of the page. Consequently, if the datagrid is no visible on the initial load, say it is two scrolls down the page, as the user scrolls down the page, the column headings that are offset don't even show up because they are scrolling down as the user scrolls down. Here is the css sheet code...
.DataGridFixedHeader {position:relative; top:expression(this.offsetParent.scrollTop);}
Is there a way to have the headings stay put until the top of the grid gets to the top of the page, then start following the grid farther down as the user scrolls?
The problem I'm having is if the grid is not the first object on the page, say for instance there is a chart on the page above the grid, when you scroll down, the grid headings scroll immediately, not as the headings reach the top of the page. Consequently, if the datagrid is no visible on the initial load, say it is two scrolls down the page, as the user scrolls down the page, the column headings that are offset don't even show up because they are scrolling down as the user scrolls down. Here is the css sheet code...
.DataGridFixedHeader {position:relative; top:expression(this.offsetParent.scrollTop);}
Is there a way to have the headings stay put until the top of the grid gets to the top of the page, then start following the grid farther down as the user scrolls?