@model IEnumerable<FlexGridData.Sale>

<h1>
    Sizing and Auto Sizing
</h1>
<p>
    By default, the FlexGrid sets its height automatically
    to fit its content.
</p>
<p>
    However, generally, grid height needs to be adjusted 
    using CSS as per the application design. In that case, 
    the grid automatically shows scrollbars as needed and 
    virtualizes the content to improve performance.
</p>
<p>
    Below grid has its maximum height set to 150 pixels:
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(150)

<p>
    And this one demonstrates the default behavior of the grid where 
    it automatically takes the height required to show all its
    content without vertical scrollbars:
</p>
@Html.C1().FlexGrid().Id("theGridAuto").Bind(Model)