import React from 'react'
import {
Table, Card, Row, Col,
} from 'antd'
import './index.css'
function mergeCells(text, data, key, index) {
if (index !== 0 && text === data[index - 1][key]) {
return 0
}
let rowSpan = 1
for (let i = index + 1; i < data.length; i++) {
if (text !== data[i][key]) {
break
}
rowSpan++
}
return rowSpan
}
class Index extends React.Component {
constructor(props) {
super(props)
this.state = {
loading: false,
tableData: [],
}
this.columns = [
{
title: '序号',
width: '60px',
dataIndex: 'key',
render: (text, record, index) => {
if (record.daily_place_id) {
const obj = {
antdTable动态合并单元格
于 2022-03-04 10:50:14 首次发布
本文详细介绍了如何在React.js项目中使用antd库的Table组件实现动态合并单元格的功能。通过设置rowSpan和colSpan属性,你可以根据具体数据灵活地合并表格中的行列,以达到更丰富的展示效果。
摘要由CSDN通过智能技术生成