<h1>
    Editable Tree Grids
</h1>
<p>
    If you use FlexGrid's <b>childItemsPath</b> property to
    show the data as a tree, the resulting grid will
    be read-only by default. This happens because every
    row in a tree is a <b>GroupRow</b>, and group rows
    are read-only by default.
</p>
<p>
    If you want your tree to be editable, handle the
    <b>loadedRows</b> event to set the <b>isReadOnly</b>
    property of every row to false.
</p>
<p>
    You can still control which columns are editable
    using the column's <b>isReadOnly</b> property or
    the <b>beginningEdit</b> event.
</p>
<p>
    For example, the grid below allows users to edit
    cells in the 'hours' and 'rate' columns:
</p>
@(Html.C1().FlexGrid().Id("workersGrid")
    .HeadersVisibility(C1.Web.Mvc.Grid.HeadersVisibility.Column)
    .SelectionMode(C1.Web.Mvc.Grid.SelectionMode.Row)
    .AutoGenerateColumns(false)
    .Columns(cs=>
    {
        cs.Add().Binding("name").IsReadOnly(true);
        cs.Add().Binding("hours").DataType(C1.Web.Mvc.Grid.DataType.Number).Format("n2");
        cs.Add().Binding("rate").DataType(C1.Web.Mvc.Grid.DataType.Number).Format("n2");
    })
)