前端控制小数点精度及数字千位分割，表头居中，每行单元格内容居右。

前端控制小数点精度：

 <el-table-column prop="cycz" label="差异产值" header-align="center" align="right"><template slot-scope="scope">${ stateFormat(scope.row.cycz.toFixed(2)) }</template></el-table-column>

JS:

   stateFormat(num,n=2,symbol) {// 保证为number类型num = Number(num)if(typeof num!=='number')throw new TypeError('num参数应该是一个number类型');if(n<0)throw new Error('参数n不应该小于0');var hasDot=parseInt(num)!=num;//这里检测num是否为小数，true表示小数var m=(n!=undefined&&n!=null)?n:1;num=m==0?num.toFixed(m)+'.':hasDot?(n?num.toFixed(n):num):num.toFixed(m);symbol=symbol||',';num=num.toString().replace(/(\d)(?=(\d{3})+\.)/g,function(match, p1,p2) {return p1 + symbol;});if(n==0||(!hasDot&&!n)){//如果n为0或者传入的num是整数并且没有指定整数的保留位数，则去掉前面操作中的小数位num=num.substring(0,num.indexOf('.'));}return num;},

或

  <el-table-column prop="cycz" label="产值" :formatter="rounding2" align="right"></el-table-column>

JS:

  rounding2(row,column) {if (row[column.property]) {return parseFloat(row[column.property]).toFixed(2)}},