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

相关文章
|
存储 算法 安全
【加密算法】AES对称加密算法简介
【加密算法】AES对称加密算法简介
mkdir: cannot create directory `**': No such file or directory
在mkdir时报错的解决方案,在网上找了很多文章都没有说清楚原因。
764 0
|
前端开发 JavaScript
react 修改 antdesign 的 组件默认样式
react 修改 antdesign 的 组件默认样式
515 0
|
11月前
|
存储 Linux Docker
centos系统清理docker日志文件
通过以上方法,可以有效清理和管理CentOS系统中的Docker日志文件,防止日志文件占用过多磁盘空间。选择合适的方法取决于具体的应用场景和需求,可以结合手动清理、logrotate和调整日志驱动等多种方式,确保系统的高效运行。
829 2
|
前端开发
深入理解 React 中的 Context
深入理解 React 中的 Context
438 1
|
应用服务中间件 nginx
Nginx 出现403 Forbidden 的几种解决方案【已解决】
Nginx 出现403 Forbidden 的几种解决方案【已解决】
10398 3
|
SQL 缓存 安全
深入解析MyBatis-Plus LambdaQueryWrapper与QueryWrapper:高效数据查询的秘密
深入解析MyBatis-Plus LambdaQueryWrapper与QueryWrapper:高效数据查询的秘密
13060 2
jeecg-boot点击菜单时,在新窗口打开一个新页面
jeecg-boot点击菜单时,在新窗口打开一个新页面
972 0
|
JSON JavaScript 定位技术
Echarts 绘制地图(中国、省市、区县),保姆级教程!
Echarts 绘制地图(中国、省市、区县),保姆级教程!
IDEA创建多模块项目常用pom
IDEA创建多模块项目常用pom
494 8