vxe-table设置千位符
时间: 2023-10-31 12:06:12 浏览: 43
根据提供的引用内容,vxe-table并没有提供直接设置千位符的功能。但是可以通过自定义formatter函数来实现千位符的显示。具体步骤如下:
1. 在定义表格列时,设置formatter属性为自定义的格式化函数。
2. 在自定义的格式化函数中,使用JavaScript内置的toLocaleString()方法来实现千位符的显示。
下面是一个示例代码:
```
<template>
<vxe-table :data="tableData">
<vxe-table-column prop="number" label="数字" :formatter="formatNumber" />
</vxe-table>
</template>
<script>
export default {
data() {
return {
tableData: [
{ number: 1234567 },
{ number: 9876543 }
]
}
},
methods: {
formatNumber({ cellValue }) {
return Number(cellValue).toLocaleString()
}
}
}
</script>
```
在上面的代码中,formatNumber函数是自定义的格式化函数,它使用了JavaScript内置的toLocaleString()方法来实现千位符的显示。在定义表格列时,将formatter属性设置为formatNumber函数即可实现千位符的显示。