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) 用于保留两位小数。

相关文章
|
8月前
|
存储 Java
BigDecimal类型的数据如何保留小数点后四位
BigDecimal类型的数据如何保留小数点后四位
259 0
|
7月前
|
存储 测试技术
1024 科学计数法 (20 分)
1024 科学计数法 (20 分)
|
7月前
|
JavaScript
必知的技术知识:js保留二位小数
必知的技术知识:js保留二位小数
478 0
|
8月前
对数值进行保留小数点后两位的处理
对数值进行保留小数点后两位的处理
74 0
|
C语言
C语言每日一题 ----计算日期到天数转换(Day 2)
C语言每日一题 ----计算日期到天数转换(Day 2)
155 0
|
存储 数据库
TypeORM 实体存储数字并保留小数点后3位
在 TypeORM 中,可以使用 @Column 装饰器的 type 属性来定义实体中数字字段的数据类型,并且可以通过 scale 和 precision 属性来设置保留小数点后的位数。以下是一个示例:
342 0
|
JavaScript
layui的totalRow默认为两位小数,按需要修改为整数
layui的totalRow默认为两位小数,按需要修改为整数
689 0
|
JavaScript
js 将数值金额转换成大写金额
js 将数值金额转换成大写金额
79 0
|
JavaScript 前端开发
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
270 0
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
|
JavaScript
js百分数与小数互相转换
js百分数与小数互相转换
293 0