Calculation/app/view/template/multi_header_modal.ejs

<div class="modal fade" id="multi-header" data-backdrop="static">
    <div class="modal-dialog modal-lgx" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="d-flex">
                    <h5 class="modal-title">多行表头设置</h5>
                    <div class="alert alert-warning p-1 mb-0 ml-2"><i class="fa fa-exclamation-circle"></i> 请先设置好所有列后，确认无修改后，再设置多行表头</div>
                </div>
            </div>
            <div class="modal-body">
                <div class="d-flex">
                    <div class="input-group input-group-sm ml-2 mt-1 w-25">
                        <div class="input-group-prepend">
                            <span class="input-group-text">表头行数</span>
                        </div>
                        <input type="text" class="form-control m-0" value="1" type="number" max="3" min="1" id="header-row-count">
                    </div>
                    <div class="alert alert-danger p-1 mb-0 ml-2"><i class="fa fa-exclamation-circle"></i> 修改行数将清除所有合并表头配置</div>
                </div>
                <div class="mt-2" style="height: 300px" id="multi-spread"></div>
                <div>
                    <div class="alert alert-info p-1 mt-2">多行表头时，单列表头会自动向上合并普通单元格，勿需设置</div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="multi-header-ok">确定</button>
            </div>
        </div>
    </div>
</div>