ant-vue:a-table设置某一列表头居中对齐和表体右对齐,表头标题样式不一样情况怎么设置的

用到的属性:columns,customRender,align

表头直接在column内指定列obj内设置,表体直接用customRender去渲染即可

column=[ {
        title: '批量用量',
        key: 'yongliang',
          dataIndex: 'yongliang',
        width:50,
        //align:'center',//--这个不能再设置,会默认居左,如果设置了会覆盖下面的right
        customRender:(value, row, index) => {//表体的数据列样式
            console.log(value,row,index)//本列的值,所有行数据包括本列,第几列
            const obj = {
                children: value,
                attrs: {},
              };
               obj.attrs.align = 'right';
               return obj;
        }
      },]

这样就可以分开设置:如果不添加customRender,默认表体是跟随表头设置一致的

同理 在使用其它设置不想统一设置的时候也是这种思路

posted @ 2020-07-10 10:27  少哨兵  阅读(7608)  评论(1编辑  收藏  举报