@model IEnumerable<FlexGridData.Sale>

<h1>
    Sticky Headers
</h1>
<p>
    Set the <b>stickyHeaders</b> property of FlexGrid to true to 
    keep the column headers visible when users scroll the top
    of the grid off the page.
</p>
<p>
    Sticky headers enable users to see context all the time, and can
    be used to sort and resize columns as usual.
</p>
<p>
    To see how sticky headers work, scroll the page until the
    top of the grid scrolls off the top of the page.
</p>
@Html.C1().CollectionViewService().Id("collectionView").Bind(Model)
@Html.C1().FlexGrid().Id("theGridSticky").ItemsSourceId("collectionView").Height(500)

<p>
    And here' a grid without sticky headers:
</p>
@Html.C1().FlexGrid().Id("theGridNormal").ItemsSourceId("collectionView").Height(500)