antd 的table中的数据 保留小数点后两位的代码

简介: antd 的table中的数据 保留小数点后两位的代码,你可以使用 `antd` 中的 `Table` 组件的 `render` 函数来展示保留小数点后两位的数据。

你可以使用 antd 中的 Table 组件的 render 函数来展示保留小数点后两位的数据。例如:

import React from 'react';
import { Table } from 'antd';

const dataSource = [
  {
    key: '1',
    name: 'John Brown',
    age: 32,
    address: 'New York No. 1 Lake Park',
    amount: 1234.5678,
  },
  {
    key: '2',
    name: 'Jim Green',
    age: 42,
    address: 'London No. 1 Lake Park',
    amount: 5678.1234,
  },
];

const columns = [
  {
    title: 'Name',
    dataIndex: 'name',
    key: 'name',
  },
  {
    title: 'Age',
    dataIndex: 'age',
    key: 'age',
  },
  {
    title: 'Address',
    dataIndex: 'address',
    key: 'address',
  },
  {
    title: 'Amount',
    dataIndex: 'amount',
    key: 'amount',
    render: (text) => parseFloat(text).toFixed(2),
  },
];

const DemoTable = () => {
  return (
    <Table dataSource={dataSource} columns={columns} />
  );
};

export default DemoTable;

在上面的代码中,render 函数用于将数据保留小数点后两位。parseFloat(text) 将数据从字符串转换为数字,toFixed(2) 用于保留两位小数。

相关文章
|
1月前
|
存储 Java
BigDecimal类型的数据如何保留小数点后四位
BigDecimal类型的数据如何保留小数点后四位
39 0
|
1天前
|
JavaScript
必知的技术知识:js保留二位小数
必知的技术知识:js保留二位小数
|
1月前
如何实现后台返回的数据有.00或.0,显示时若是整数不显示小数点和小数电以后的0,小数显示小数点
如何实现后台返回的数据有.00或.0,显示时若是整数不显示小数点和小数电以后的0,小数显示小数点
24 0
C#中保留小数点后N位的方法_kaic
C#中保留小数点后N位的方法_kaic
|
1月前
对数值进行保留小数点后两位的处理
对数值进行保留小数点后两位的处理
21 0
|
9月前
BigDecimal如何相除并保留小数后两位(多种方法比较可选)
BigDecimal如何相除并保留小数后两位(多种方法比较可选)
77 0
|
10月前
|
存储 数据库
TypeORM 实体存储数字并保留小数点后3位
在 TypeORM 中,可以使用 @Column 装饰器的 type 属性来定义实体中数字字段的数据类型,并且可以通过 scale 和 precision 属性来设置保留小数点后的位数。以下是一个示例:
227 0
|
11月前
|
JavaScript
js不足十位自动补0函数
js不足十位自动补0函数
65 0
|
JavaScript
layui的totalRow默认为两位小数,按需要修改为整数
layui的totalRow默认为两位小数,按需要修改为整数
419 0
输入7个整数(0-100),代表7个整数,用空格隔开.小数点后保留两位小数,每行输入后换行.去掉一个最高分一个最低分,输出每组的平均分.用一个循环完成(7个面试官问题)
输入7个整数(0-100),代表7个整数,用空格隔开.小数点后保留两位小数,每行输入后换行.去掉一个最高分一个最低分,输出每组的平均分.用一个循环完成(7个面试官问题)
133 0
输入7个整数(0-100),代表7个整数,用空格隔开.小数点后保留两位小数,每行输入后换行.去掉一个最高分一个最低分,输出每组的平均分.用一个循环完成(7个面试官问题)