根据条件,在每个数据渲染的render中设置
横向合并colSpan:要想右合并的单元格数量。0为隐藏当前单元格,设置的表格不会渲染,用于配合前面要合并的单元格使用。若一个单元格配置了colSpan:2合并两个单元格,则这个单元格后面的单元格设置为0,否则会横向顶出一个单元格。 纵向合并rowSpan:要向下合并的单元格数。与上面的解释一样。
可以直接通过column中的表头的render设置合并单元格参数
- {
- title: "名称",
- dataIndex: "Name",
- hideInSearch: true,
- hideInForm: false,
- align: "center",
- rowSize: 1,
- colSize: 2,
- editable: true,
- width: 120,
- render: (text, record, index) => {
- const obj = {
- children: text !== null ? text : '',
- props: {},
- };
- if(undefined !== text && '' !== text ){
- obj.props.colSpan = 2;
- }
- return obj;
- },
- },