@model IEnumerable<FlexGridData.Sale>

<h1>
    Sizing with the Mouse
</h1>
<p>
    By default, FlexGrid provides the resize and auto-size
    feature through column header cells. So, users can drag
    the right edge of the column header cells to resize 
    columns, or double-click the right edge of the cell to 
    auto-size the columns. This default behavior can be 
    observed in the grid below. 
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model).Height(200)
<p>
    You can use the <b>allowResizing</b> property to customize
    this behavior. Either prevent resizing altogether,
    or allow users to resize columns by dragging the right edge
    of ANY cell. This last option is especially useful in grids
    without column headers. For example:
</p>
@Html.C1().FlexGrid().Id("theGridNoHeaders").Bind(Model).Height(200)