JS前端合并单元格

原创于 2023-01-05 14:47:13 发布 · 715 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #html

前端专栏收录该内容

9 篇文章

订阅专栏

文章介绍了如何使用miniUI的mergeColumns方法来合并表格的department和indexType两列，但指出该方法仅能处理同一列相同值的合并，无法实现分组合并。作者期待有解决方案的朋友分享代码以促进共同学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过miniUI中的mergeColumns进行表格合并

1、JS文件：

proPlanGrid = mini.get('assessmentTable');
//合并department和indexType两个字段
proPlanGrid.mergeColumns(["department","indexType"]);

2、HTML文件

                <div id="assessmentTable" class="mini-datagrid" idField="orionId" showReloadButton="false" showpager="true" pagesize='20' multiSelect="true" checked="true" showEmptyText="true" emptyText="暂无数据" >
                    <div property="columns">
                        <div field="department" name="department"  headerAlign="center" align="center" width="140">部门</div>
                        <div field="indexType" name="indexType" headerAlign="center" align="center" width="140">指标类别</div>
                    </div>
                </div>