This sample introduces a FlexGridPager class that performs
grid-level pagination.
The differences between grid-level pagination and the more traditional
data-level pagination provided by the CollectionView class are:
The grid-level pagination takes into account the collapsed/expanded
state of group rows, so if you collapse or expand a group, the number of
rows displayed will correspond to the page size. Data-level pagination
does not account for collapsed groups, so if you collapse a group
the grid will display fewer rows than the page size.
The grid-level pagination keeps all grid rows loaded, and simply
hides rows that are not on the current page by setting their
height to zero. The data-level pagination loads only the rows
that correspond to data items on the current page.
The grid-level pagination affects only the FlexGrid it
is applied to. The data-level pagination affects all controls
bound to the collection view.
FlexGridPager with a FlexGrid
The grid below uses a FlexGridPager to show the same number
of rows per page, regardless of group state:
FlexGridPager with a PivotGrid
The PivotGrid class extends FlexGrid and can also be
used with the FlexGridPager class.
Try expanding or collapsing some groups, notice how the grid still
shows the same number of columns.