react使用antd组件合并Table单元格

好奇鑫

已于 2023-12-06 18:46:03 修改

阅读量1.2k

点赞数 9

分类专栏： ant design react 文章标签：前端 react.js

于 2023-12-06 18:11:27 首次发布

本文链接：https://blog.youkuaiyun.com/wx258852/article/details/134837276

版权

<Table
    columns={columns}
    dataSource={this.state.worktaskList}
    bordered
    size="middle"
    // scroll={
  { y: 'calc(400px + 10%)' }}
    pagination={false}
 />

    const columns = [
      {
        title: '项目',
        dataIndex: 'projectname',
        width: '10%',
        render: (text, row, index) => {
          return {
            children: <div>{text}</div>,
            props: {
              rowSpan: row.projectnameRowSpan,//对应新的行名称
            },
          };
        },
      },
      {
        title: '单位',
        dataIndex: 'depname',
        editable: true,
      },
      {
        title: '月度目标',
        dataIndex: 'mont