@model IEnumerable<FlexGridData.Sale>

<h1>
    Row Collections
</h1>
<p>
    The FlexGrid control has three sets of rows:
</p>
<ul>
    <li>
        <b>Header Rows</b>
        This collection contains the top set of rows;
        it is used by the <b>topLeftCells</b> and
        <b>columnHeaders</b> panels.
        By default, this collection contains one row.
    </li>
    <li>
        <b>Scrollable Rows</b>
        This collection contains the main set of rows;
        it is used by the <b>cells</b> and <b>rowHeaders</b>
        panels.
        By default, this collection does not contain any row.
        It is populated when you set the grid's
        <b>itemsSource</b> property.
    </li>
    <li>
        <b>Footer Rows</b>
        This collection contains the bottom set of rows;
        it is used by the <b>bottomLeftCells</b>
        and <b>columnFooters</b> panels.
        By default, this collection is empty.
    </li>
</ul>

<p>
    The three row collections are <b>RowCollection</b>
    objects, which extend regular arrays.
    You may add or remove rows by adding or removing <b>Row</b>
    objects from these arrays.
    In most cases, however, you won't add or remove scrollable
    rows, since the grid does that automatically when you set
    the <b>itemsSource</b> property.
</p>

<p>
    For example, the grid below has an extra fixed row and
    automatically-generated scrollable rows:
</p>
@Html.C1().FlexGrid().Id("theGrid").Bind(Model)