Hello,
I have a requirement to add two rows of fixed data to the top of the grid. They need to show just below the header, and stay fixed when the grid is scrolled and/or sorted.
I followed the summary example and it is working well, except the last two rows of [non-fixed] data remain hidden even when I scroll all the way to the bottom of the grid.
The only place I could find to put my table of fixed rows is at the top of the pq-cont-right. But your js code seems to not be taking into consideration the addition of my two rows when calculating the height of container of the scrolling rows. I wonder if I'm putting the fixed rows in the wrong container.
Here's my render and refresh functions. Pretty much the same as the summary example:
render: function (evt, ui)
{
$frozenRows = $('<div id="gridFrozenRows"></div>').prependTo($('.pq-cont-right', this));
},
refresh: function (evt, ui)
{
$grid.pqGrid('createTable', { $cont: $frozenRows, data: _fixedRows });
}
Some of my other options for reference:
minWidth: 10,
dataType: "JSON",
width: 950,
numberCell: false,
editable: false,
resizable: false,
draggable: false,
wrap: false,
topVisible: false,
bottomVisible: true,
oddRowsHighlight: true,
colModel: _colModel,
scrollModel: { horizontal: false },
dataModel:
{
data: _unwrappedRatingResults.Carriers,
location: "local",
sortIndx: 'CarrierName'
},
Any advice?
Ken.