el-table 合计栏千分位
时间: 2023-09-03 18:15:04 浏览: 175
给数字添加千分位分隔符.md
为了在 el-table 的合计栏中显示千分位,可以使用 el-table-column 组件的 formatter 属性。在 formatter 函数中,可以使用 JavaScript 内置的 toLocaleString() 方法将数字转换为千分位格式。
例如:
```
<el-table :data="tableData" style="width: 100%">
<el-table-column prop="price" label="Price" align="right" :formatter="formatPrice" />
<el-table-column prop="quantity" label="Quantity" align="right" />
<el-table-column prop="total" label="Total" align="right" :formatter="formatTotal" />
</el-table>
...
methods: {
formatPrice(row, column, cellValue) {
return cellValue.toLocaleString();
},
formatTotal(row) {
return (row.price * row.quantity).toLocaleString();
}
}
```
在上面的例子中,formatPrice 函数将单价转换为千分位格式,formatTotal 函数将价格和数量相乘后转换为千分位格式。这样就可以在合计栏中显示千分位了。
阅读全文