Features

Multiple Headers

Multiple Headers

FlexSheet allows you to add multiple row and column headers.

Features

Multiple Headers

FlexSheet allows you to add multiple row and column headers.

using Microsoft.AspNetCore.Mvc;

namespace FlexSheetExplorer.Controllers
{
    public partial class FlexSheetController : Controller
    {
        public ActionResult MultipleHeaders()
        {
            return View();
        }
    }
}
@section Scripts{<script type="text/javascript" src="~/Scripts/flexSheet/multipleHeaders.js"></script>}
<div>
    <div class="copy">
<h3>@Html.Raw(FlexSheetRes.MultipleHeaders_Text2)</h3>

<p>@Html.Raw(FlexSheetRes.MultipleHeaders_Text0)</p>

    </div>
    <div class="row well well-lg">
        <div class="btn-group">
            <button type="button" class="btn btn-default" onclick="addRowHeader()">@Html.Raw(FlexSheetRes.MultipleHeaders_Text3)</button>
            <button type="button" class="btn btn-default" onclick="removeRowHeader()">@Html.Raw(FlexSheetRes.MultipleHeaders_Text4)</button>
            <button type="button" class="btn btn-default" onclick="addColumnHeader()">@Html.Raw(FlexSheetRes.MultipleHeaders_Text5)</button>
            <button type="button" class="btn btn-default" onclick="removeColumnHeader()">@Html.Raw(FlexSheetRes.MultipleHeaders_Text6)</button>
        </div>
    </div>
    <div>
        <c1-flex-sheet id="headerSheet" class="flexSheet">
            <c1-unbound-sheet column-count="8" row-count="20"></c1-unbound-sheet>
        </c1-flex-sheet>
    </div>
</div>
@section Summary{
<p>@Html.Raw(FlexSheetRes.MultipleHeaders_Text1)</p>

}