el-table保留小数
时间: 2024-10-31 09:07:20 浏览: 51
el-table-infinite-scroll:El-Table无限滚动
5星 · 资源好评率100%
在ECharts的`el-table`组件中,如果你想保留小数并展示表格数据时,可以使用JavaScript模板字符串或者`formatNumber`函数来自定义单元格的数据格式化。例如,你可以设置表头中的单元格属性`formatter`,对数字进行格式化。
```html
<template>
<el-table :data="tableData">
<el-table-column type="index" label="序号"></el-table-column>
<el-table-column prop="decimalColumn" label="保留两位小数的列" formatter="formatDecimal">
{{ item.decimalColumn }}
</el-table-column>
</el-table>
</template>
<script>
export default {
methods: {
formatDecimal(value) {
return Number.isNaN(value) ? '--' : `${value.toFixed(2)}`;
}
},
data() {
return {
tableData: [
{ decimalColumn: 123.456 },
{ decimalColumn: 98.7 },
// ...
]
};
}
};
</script>
```
在这个例子中,`toFixed(2)`会将数字保留两位小数,如果值是`NaN`则显示'--'。
阅读全文