前端控制小数点精度及数字千位分割,表头居中,每行单元格内容居右。
前端控制小数点精度:
<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)}},