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仓库的源码案例 链接,希望对你有帮助。

Logo

前往低代码交流专区

更多推荐