Features

セル結合

セル結合

FlexSheetは、選択された複数のセルを1つのセルに結合する操作をサポートします。

機能

セル結合

FlexSheetは、mergeRangeメソッドの呼び出しにより、選択された複数のセルを1つのセルに結合する操作をサポートします。
選択されたセルに結合されたセルが含まれている場合、mergeRangeメソッドは、結合されたセルの結合を解除します。
そうでない場合は、選択されたセルを1つのセルに結合します。

これは、コンテンツ依存のセル結合しか行えないFlexGridとは異なります。

using Microsoft.AspNetCore.Mvc;

namespace FlexSheetExplorer.Controllers
{
    public partial class FlexSheetController : Controller
    {
        public ActionResult CellMerging()
        {
            return View();
        }
    }
}
@section Scripts{
    <script type="text/javascript" src="~/Scripts/flexSheet/cellMerging.js"></script>
    <script type="text/javascript">
    c1.documentReady(function () {
        updateBtnTitle('@Html.Raw(FlexSheetRes.CellMerging_Text4)', '@Html.Raw(FlexSheetRes.CellMerging_Text3)');
    });
    </script>
}
<div>
    <div class="copy">
        <h3>@Html.Raw(FlexSheetRes.CellMerging_Text2)</h3>

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

    </div>
    <button type="button" class="btn btn-default" onclick="mergeCells()" id="mergeBtn">@Html.Raw(FlexSheetRes.CellMerging_Text3)</button>
    <div>
        <c1-flex-sheet class="flexSheet" id="mergeSheet">
            <c1-unbound-sheet row-count="20" column-count="8"></c1-unbound-sheet>
        </c1-flex-sheet>
    </div>
</div>
@section Summary{
    <p>@Html.Raw(FlexSheetRes.CellMerging_Text1)</p>

}