Vue.js 在Table component中,是否有一种方法可以使用customRender同时设置插槽名称和行跨度

Vue.js 在Table component中,是否有一种方法可以使用customRender同时设置插槽名称和行跨度,vue.js,antd,Vue.js,Antd,我正在尝试自定义一个表,以便最后一列跨越所有行,而且不仅打印数据索引,而且使用模板槽 文档中介绍了有关customRender的以下内容: 表单元格的渲染器。返回值应该是一个VNode,或者是colSpan/rowSpan config的一个对象 函数(文本、记录、索引){}插槽范围 使用scopedSlot和customRender,让我使用文档中所说的插槽 { 标题:“说明”, 数据索引:“描述”, scopedSlots:{customRender:“descr”} } {{value

我正在尝试自定义一个表,以便最后一列跨越所有行,而且不仅打印数据索引,而且使用模板槽

文档中介绍了有关
customRender
的以下内容:

表单元格的渲染器。返回值应该是一个VNode,或者是colSpan/rowSpan config的一个对象
函数(文本、记录、索引){}插槽范围

使用scopedSlot和customRender,让我使用文档中所说的插槽

{
标题:“说明”,
数据索引:“描述”,
scopedSlots:{customRender:“descr”}
}

{{value}}
有了这个,rowSpan工作得很好

{
标题:“说明”,
数据索引:“descr”,
customRender:(值、行、索引)=>{
常量对象={
儿童:价值观,
属性:{},
};
如果(索引==0){
obj.attrs.rowSpan=10;
}
否则{
obj.attrs.rowSpan=0;
}
返回obj;
}
因此,目前我试图将两者结合起来,但没有成功

const renderContent = (value, row, index) => {
  const obj = {
    children: value,
    attrs: {},
  };
  if (index === 0) {
    obj.attrs.rowSpan = 10;
    obj.attrs.align = 'middle';
    obj.attrs.width = 900;
    // obj.attrs.customRender = 'test'
    // obj.customRender = 'test'
    // obj.attrs.scopedSlots = { customRender: 'test' }
    // obj.scopedSlots = { customRender: 'test' }
    // obj.attrs.slots = { customRender: 'test' }
    // obj.slots = { customRender: 'test' }
    // obj.attrs.slots = { customRender: 'test' }
    obj.attrs.fixed = 'left'
  }
  // These two are merged into above cell
  else {
    obj.attrs.rowSpan = 0;
  }
  return obj;
};

 columnasPrestaciones: [
      {
        title: "Percepción",
        dataIndex: "Percepcion"
      },
      {
        title: "Clave",
        dataIndex: "Clave"
      },
      {
        title: "Fiscal",
        dataIndex: "Fiscal"
      },
      {
        title: "Importe",
        dataIndex: "Importe",
        customRender: renderContent
      }
    ],
你试过这个吗

在这个示例中:子级(VNode)和colSpan同时工作

const列=[
{
customRender:(文本)=>{
返回{
儿童:,
属性:{
科尔斯潘:5,
},
};
},
},
];
您试过这个吗

在这个示例中:子级(VNode)和colSpan同时工作

const列=[
{
customRender:(文本)=>{
返回{
儿童:,
属性:{
科尔斯潘:5,
},
};
},
},
];

你解决了这个问题吗?我正在尝试实现完全相同的目标。你解决了这个问题吗?我正在尝试实现完全相同的目标。