ag-grid-vue小数点后面保留两位

如果您想在 `ag-grid-vue` 中的单元格中显示小数，并保留两位小数，请使用 `valueFormatter` 回调函数。

下面是一个示例，其中 `valueFormatter` 将数字格式化为保留两位小数：

<template>
  <ag-grid-vue
    :columnDefs="columnDefs"
    :rowData="rowData"
    :defaultColDef="defaultColDef"
  />
</template>

<script>
import { AgGridVue } from 'ag-grid-vue';
import 'ag-grid-community/dist/styles/ag-grid.css';
import 'ag-grid-community/dist/styles/ag-theme-alpine.css';

export default {
  components: {
    AgGridVue
  },
  data() {
    return {
      columnDefs: [
        { field: 'number', headerName: 'Number' },
      ],
      rowData: [
        { number: 1.234 },
        { number: 2.345 },
        { number: 3.456 },
      ],
      defaultColDef: {
        sortable: true,
        resizable: true,
        filter: true,
        flex: 1,
        valueFormatter: this.formatNumber,
      }
    }
  },
  methods: {
    formatNumber(params) {
      return params.value.toFixed(2);
    },
  },
};
</script>

在这个示例中，`valueFormatter` 函数 `formatNumber` 被指定为默认列定义中的一个属性，该属性将在表格的每个单元格中调用。在这个函数中，使用 `toFixed` 方法将 `value` 四舍五入到两位小数，然后返回格式化后的值。