在antd vue的表格显示中，合并多个字段到一列及自定义显示样式

Posted 2023-03-15

参考技术A

从后来请求的表格数据样例

0，最正常的显示，一个字段一个列，title定义显示名，dataIndex和字段对应。

1，在表格同一列中，显示样本总数，负样本数及正样本数，此时，dataIndex已无意义，没用。
关于下面的customRender()函数，一个，两个，三个参数的意义，我没有系统的看到过，所以每次使用时，console.log()显示后，再提取要的数据。不专业~~~

3，在同一列中，显示样本数据的起止时间

3，在一个列中不但显示数据，还使用tip显示额外信息
return多行，维护性不太好，需要使用第4点改进

4，scopedSlots结合customRender，作更优雅从容的自定义样式或操作
columns里的定义

table里的定义，感觉有些模糊了div和template标签的用法，没有进一步探究，但效果一样。