ag-grid-vue中某一列保留2位小数

最新推荐文章于 2024-07-26 18:50:05 发布

Pella732

最新推荐文章于 2024-07-26 18:50:05 发布

阅读量307

点赞数 1

文章标签： vue.js 前端 javascript ecmascript 前端框架

本文链接：https://blog.csdn.net/weixin_42596246/article/details/129515069

版权

在ag-grid-vue的列定义中，可以利用valueFormatter属性自定义单元格显示。这个属性允许你传递一个函数，该函数接收包含当前单元格值的params对象，然后可以将值转换为浮点数并使用toFixed方法确保它显示为两位小数。这样可以方便地格式化价格或其他需要精度的数值列。

摘要由CSDN通过智能技术生成

您可以使用ag-grid-vue中的列定义中的valueFormatter选项来格式化列中的值，以保留2位小数。以下是一个示例列定义：

{
  headerName:'Price',
  field: 'price',
  valueFormatter: (params) => {
    return parseFloat(params.value).toFixed(2);
  }
}

在上面的示例中，valueFormatter是一个函数，该函数接收params对象作为参数，其中包含当前单元格的值。该函数将该值解析为浮点数，并使用toFixed方法将其

关注