The FlexSheet control in your application can be unbound, or bound to a data source. You can create unbound FlexSheet in an MVC application through code using builder method AddUnboundSheet. Sheet name along with the desired row count and column count are specified as method parameters.

End users can populate data manually in each cell of an unbound FlexSheet, or set cell values programmatically. Such a sheet can be used as an application form, where an applicant is asked to provide data in various fields.

The following image shows an MVC FlexSheet in unbound mode.

The following code examples demonstrate how to add unbound FlexSheet to an MVC application:

UnboundController.cs

// GET: Unbound
public ActionResult Index()
{
    return View();
}

Unbound.cshtml

<div>
    <c1-flex-sheet class="flexSheet">
        <c1-unbound-sheet column-count="12" row-count="25"></c1-unbound-sheet>
        <c1-unbound-sheet column-count="12" row-count="25"></c1-unbound-sheet>
    </c1-flex-sheet>
</div>

Back to Top