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,默认表体是跟随表头设置一致的

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


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM