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

相关文章
|
JavaScript
浮点数保留小数点后两位(JS)
浮点数保留小数点后两位(JS)
|
JavaScript
layui的totalRow默认为两位小数,按需要修改为整数
layui的totalRow默认为两位小数,按需要修改为整数
738 0
|
Web App开发 JavaScript 前端开发
|
JavaScript 前端开发
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
285 0
Javascript之为数字添加货币(千位分隔符)格式同时保留小数点后两位
|
JavaScript
js 将数值金额转换成大写金额
js 将数值金额转换成大写金额
86 0
|
JavaScript
js百分数与小数互相转换
js百分数与小数互相转换
298 0
|
JavaScript
js不足十位自动补0函数
js不足十位自动补0函数
107 0
|
8月前
|
JavaScript
必知的技术知识:js保留二位小数
必知的技术知识:js保留二位小数
530 0
|
JavaScript
js小数计算丢失精度问题
js小数计算丢失精度问题
206 0

热门文章

最新文章