<h1>
    Data Binding
</h1>
<p>
    Data binding is the process of connecting the FlexGrid to
    a data source so you can use it to see and edit collection
    of items.
</p>

<h3>
    Unbound Grids
</h3>
<p>
    Although generally grids are used in bound mode, FlexGrid
    can also be used as an unbound control. You can add rows
    and columns to a grid and use the <b>setCellData</b> and
    <b>getCellData</b> methods to get or set the data in each
    cell:
</p>
@Html.C1().FlexGrid().Id("unboundGrid")

<h3>
    Auto-Generating Columns
</h3>
<p>
    To use FlexGrid in bound mode, set its <b>itemsSource</b>
    property to an array or <b>CollectionView</b> containing the
    data. The grid will automatically create columns for each
    property in the data items:
</p>
@Html.C1().FlexGrid().Id("autoBoundGrid")

<h3>
    Defining Columns in Code
</h3>
<p>
    Automatically generating columns is convenient in some
    scenarios, but in most common cases it is required to
    explicitly tell the grid which columns to show and how
    to format them. You can do this by setting the
    <b>autoGenerateColumns</b> property to false and
    populating the grid's <b>columns</b> collection:
</p>
@Html.C1().FlexGrid().Id("boundGrid")