vue自定义表格组件列头

2023-03-21 21:29:33 来源:网络

vue自定义表格组件列头

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

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

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

1,在表格同一列中,显示样本总数,负样本数及正样本数,此时,dataIndex已无意义,没用。

关于下面的customRender()函数,一个,两个,三个参数的意义,我没有系统的看到过,所以每次使用时,console.log()显示后,再提取要的数据。不专业~~~

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

3,在一个列中不但显示数据,还使用tip显示额外信息

return多行,维护性不太好,需要使用第4点改进

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

columns里的定义

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

免责声明:内容来自网络,若侵犯您的权利,请在一个月内通知我们,会及时删除 @轻流