I am using a grid that is inside a content pane for a single page application website. My problem is that once I put the grid inside the Dojo ExpandoPane with splitter:true for resizing capability, I lose the sticky column headers when I scroll down.
Here's the HTML I'm using for the grid inside the ExpandoPane... (grid-container is inside a BorderContainer)
<div id="grid-container" dojotype="dojox.layout.ExpandoPane" data-dojo-props="region:'bottom',splitter:true" class="resultsContainer">
<div id="grid" class="k-content"></div>
And the css...
And populating the grid...
I can get a grid that works as intended if I fix the grid height to 100% as shown below, but I lose the nice resize capability of the ExpandoPane, plus you have to scroll all the way to the right of the grid for the vertical scrollbar.
So is there any way I can have the resize functionality while retaining the sticky column headers?