
@{    
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="header">
    <div class="container">
        <img src="@Url.Content("~/Content/c1logo.png")" alt="Component One ASP.Net MVC" />
        <h1>
            FlexGrid Custom Merging
        </h1>
        <p>
            This page shows how to use feature of Custom Merging in FlexGrid.
        </p>
    </div>
</div>

<div class="container">
    <p>
        This sample applies custom merging to a <b>FlexGrid</b> by defining a custom <b>MergeManager</b>
        class and assigning an instance of that class to the grid's <b>mergeManager</b> property.
    </p>
    <p>
        The custom merge manager creates merged ranges that span rows and columns, which is something
        the default merge manager does not do (it merges either rows or columns, but not both).
    </p>

    @Html.C1().FlexGrid().Id("flexGrid")
</div>

<script type="text/javascript">
    c1.documentReady(function () {
        if (window["initialControls"]) {
            window["initialControls"]();
        }
    });
</script>

