ant-design-vue中a-table设置表头和表格内容不同对齐方式
ant-design-vue中a-table设置表头和表格内容不同对齐方式
·
1.需求说明
1. 表格中的表头左对齐内容右对齐
2.实现方式
使用ant-design-vue中customCell属性,官网没有示例
2.1 代码
//column中设置属性customCell
{
title: '代码',
dataIndex: 'accountsCode',
//align: 'center', 默认为左对齐
customCell: () => {
return {
style: {
//可以定义样式
color: 'red',
'text-align': 'right'
},
};
},
},
总结
可以看看git仓库的源码案例 链接,希望对你有帮助。
更多推荐
已为社区贡献2条内容
所有评论(0)