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