@model IEnumerable<FlexGridData.Sale>

<h1>
    Deferred Resizing
</h1>
<p>
    By default, FlexGrid resizes rows and columns along with the 
    mouse drag.
</p>
<p>
    However, setting the <b>deferResizing</b> property to true 
    causes the grid to show a marker instead, and resize the row
    or column only after the mouse button is released. This may 
    improve performance of the grids having large number of columns.
</p>

<label for="deferResizing">
    Defer Resizing
    <input id="deferResizing" type="checkbox" checked="checked">
</label>

@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(500)