@model IEnumerable<FlexGridData.Sale>

<h1>
    Column Sizing Events
</h1>
<p>
    FlexGrid raises <b>resizingColumn</b> and
    <b>resizedColumn</b> events as the user resizes
    the columns.
</p>
<p>
    The example below handles the <b>resizingColumn</b>
    event to show a tooltip with the column's new width:
</p>
@(Html.C1().FlexGrid().Id("theGrid")
    .Bind(Model)
    .AutoGenerateColumns(false)
    .Columns(cs=>
    {
        cs.Add().Binding("Id").Header("ID").Width("50").IsReadOnly(true);
        cs.Add().Binding("Country").Header("Country").IsRequired(true);
        cs.Add().Binding("Sales").Header("Sales").Format("n2");
        cs.Add().Binding("Expenses").Header("Expenses").Format("n2");
        cs.Add().Binding("Overdue").Header("Overdue");
    })
    .Height(200)
)