Merge Cells for DataGrid 合并单元格

最新推荐文章于 2023-04-16 11:04:51 发布

weixin_34199405

最新推荐文章于 2023-04-16 11:04:51 发布

阅读量220

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/dotnetmvc/p/3633186.html

本文提供了一个使用JavaScript实现Datagrid表格中特定单元格合并的例子。通过定义一系列要合并的单元格索引及合并行数，可以有效地进行表格数据展示优化。

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

只适合不分页的固定行列的表格

<script type="text/javascript">
        function onLoadSuccess(data){
            var merges = [{
                index: 2,
                rowspan: 2
            },{
                index: 5,
                rowspan: 2
            },{
                index: 7,
                rowspan: 2
            }];
            for(var i=0; i<merges.length; i++){
                $(this).datagrid('mergeCells',{
                    index: merges[i].index,
                    field: 'productid',
                    rowspan: merges[i].rowspan
                });
            }
        }
    </script>