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