ant-design-vue中a-table设置表头和表格内容不同对齐方式

a-table表头和内容不同对齐方式

    • 1.需求说明
    • 2.实现方式
      • 2.1 代码
    • 总结

1.需求说明

1. 表格中的表头左对齐内容右对齐

ant-design-vue中a-table设置表头和表格内容不同对齐方式_第1张图片

2.实现方式

使用ant-design-vue中customCell属性,官网没有示例

在这里插入图片描述

2.1 代码

//column中设置属性customCell
{
    title: '代码',
    dataIndex: 'accountsCode',
    //align: 'center',  默认为左对齐
    customCell: () => {
          return {
            style: {
            //可以定义样式
              color: 'red',
              'text-align': 'right'
            },
          };
        },
  },

总结

可以看看git仓库的源码案例 链接,希望对你有帮助。

你可能感兴趣的:(Vue3-antd,vue.js,javascript,前端)