table表格设置日期换行

需求:每个日期占据单独一行

1. 后台返回的数据格式

2. html部分代码

<div slot="payDate" slot-scope="text">
	<div v-for="item in text" :key="item">
    	<span>{{ item }}</span><br>
    </div>
</div>

3. js部分代码如下

//  table标题设置
columns: [
	{
	   title: '二维码付款时间',
	   dataIndex: 'pay_date',
	   scopedSlots: { customRender: 'payDate' },
	   customRender: (text) => {
	     return text && text.split(',').join('\n');
	   },
	   width: 190
	 }
]

4. 最终效果如图：

注意：
text----当前td的值
record----当前行tr的全部数据
index----当前行索引