ant design vue table组件一列渲染多个参数

Posted fairymiao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ant design vue table组件一列渲染多个参数相关的知识,希望对你有一定的参考价值。

如下效果图,开始时间,结束时间为两个字段

技术图片

代码:

const columns = [
{
title: ‘起止时间‘,
customRender: (text, record) => {
const time = `${record.dateFrom}~${record.dateTo}`;//es6写法
    const time = ‘${record.dateFrom}‘ + ‘~‘ + ${record.dateTo}‘;//es5写法
    return time;
},
}
]

 

以上是关于ant design vue table组件一列渲染多个参数的主要内容,如果未能解决你的问题,请参考以下文章

Ant Design of Vue —— Table表格组件 —— 设置动态表头

Ant-Design-Vue中关于Table组件的使用(初级)

Ant-Design-Vue中关于Table组件的使用

基于Ant Design Vue创建的vue项目中表格组件的使用

ant-design-vue table表格合计行的实现

vue2+ant-design-vue table的使用:customRender