Ant Design Table表格居中写法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Ant Design Table表格居中写法相关的知识,希望对你有一定的参考价值。

参考技术A 在使用AntD框架写表格时,发现表格居中显示不生效,经过资料查找,发现是写法错误,解决方案如下:

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 Table表格居中写法的主要内容,如果未能解决你的问题,请参考以下文章

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

ant design V3 实现table表格 添加底部合计行

ant design V3 实现table表格 添加底部合计行

ant design V3 实现table表格 添加底部合计行

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

ant design 中表格怎么合并单元格