最近开发中遇到antdtable的列和槽合并的问题，整理如下：antd官方文档有详细介绍：表头只支持列合并，列中的colSpan用于设置。该表支持行/列合并。当render中的单元格属性colSpan或rowSpan设置为0时，设置的表格将不会被渲染。本文以行合并（垂直合并）为例：我写了一个获取rowSpan属性值的方法，仅供参考：/***data-表的dataSource**index-属性名要合并*/functiongetRowSpanList(data,index){varRowSpanList=newArray(data.length)varx=''varcount=0varstartindex=0for(vari=0;i{return{children:text,attrs:{rowSpan:record.classRowSpanValue//通过上面的方法获取，仅供参考}}}},...]然后为将对应的rowSpan值签名到dataSource中对应的对象中：varclassRowSpanList=getRowSpanList(dataSource,'class')for(vari=0;i标签中写入相应的代码来实现的，与这个，不用过多介绍。上面说了customRender在合并行和列的时候需要配置，相应cell的重写需要写在customRender返回的children中，使用类似React的语法：customRender:(text,record,index)=>{return{children:text,//hereattrs:{rowSpan:2}}}注意，同时使用行列合并和槽函数时，列要放在组件的data()中，否则渲染会出错。具体原因我也知道不知道，期待您的解答。示例如下。希望在实现行合并的同时省略单元格以外的内容，使用a-tooltip组件实现鼠标悬停显示：column:[{title:'type',key:'class',dataIndex:'class',customRender:(text,record)=>{varchildrenValif(record.scZoneRowSpan===0){//是合并项，不显示，其内容意思是LittlechildrenVal=''}elseif(record.scZoneRowSpan===1){//不合并单独显示的项，以及超出单元格的项被省略//slot和HTML代码一样，只是{{inVue}}应该换成{}//HTMLinchildren不再支持v-if等Vue指令，所以需要判断if(text&&text.length>=9){childrenVal=({text}{text}
)}}elseif(record.scZoneRowSpan>=2){//合并项，因为有足够的高度，childrenVal=text可以直接显示}return{children:childrenVal,attrs:{rowSpan:record.scZoneRowSpan}}}},...]效果如图：如果需要给slot中的元素添加事件：childrenVal=(
