前端项目实战86-ant design table合并单元格

最新推荐文章于 2024-06-09 20:17:27 发布

前端歌谣

最新推荐文章于 2024-06-09 20:17:27 发布

阅读量221

点赞数

文章标签： javascript html 前端

本文链接：https://blog.csdn.net/qq_41632427/article/details/127283966

版权

前端记录-work-react-最近工作专栏收录该内容

212 篇文章 3 订阅

订阅专栏

  {
            title: '房号',
            dataIndex: 'bedCode',
            key: 'bedCode',
            render: (value, record, index) => {
                // 处理列，相同数据则合并
                // 处理rowSpan
                const obj = {
                    children: value,
                    props: { rowSpan: 1 },
                };
                // 当检索到相同数据则返回 那条数据
                let arr = dataSource.filter((res: any) => {
                    return res.bedCode == record.bedCode;
                });
                if (index == 0 || dataSource[index - 1].bedCode != record.bedCode) {
                    // 匹配到相同数据的长度
                    obj.props.rowSpan = arr.length;
                } else {
                    // 如果上一行的数据与当前的数据相同，就将rowSpan变为0
                    obj.props.rowSpan = 0;
                }
                return obj;
            },
        },