React-table 包:将浮点数格式化为货币
React-table package: formatting float as currency
我正在使用 react-table 包,它是 table。
在 table 列 props 我已经提交了正确格式的对象。
Header: 'Charter',
columns: [
{
Header: 'Title',
accessor: 'charter_title',
style: {
textAlign: 'center'
}
}
]
}
我想做的是将此列值格式化为货币
i.e. 10000.53 would be come 10,000.53
i.e. 1230000.123 would be come 1,230,000.123
react-table你有机会做这种格式化吗?
我发现 Cell 属性定义了每个单元格的输出。这是工作代码。您可以提供自定义函数来根据需要格式化每个单元格的值。
Header: 'Charter',
columns: [
{
Header: 'Title',
accessor: 'charter_title',
style: {
textAlign: 'center'
},
// provide custom function to format props
Cell: props => <div> toCurrency(props.value) </div>
}
]
}
我的自定义函数是:
function toCurrency(numberString) {
let number = parseFloat(numberString);
return number.toLocaleString('USD');
}
Header: 'Charter',
columns: [
{
Header: 'Title',
accessor: 'charter_title',
style: {
textAlign: 'center'
},
Cell: props => new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'USD' }).format(props.value)
}
]
}
我正在使用 react-table 包,它是 table。
在 table 列 props 我已经提交了正确格式的对象。
Header: 'Charter',
columns: [
{
Header: 'Title',
accessor: 'charter_title',
style: {
textAlign: 'center'
}
}
]
}
我想做的是将此列值格式化为货币
i.e. 10000.53 would be come 10,000.53
i.e. 1230000.123 would be come 1,230,000.123
react-table你有机会做这种格式化吗?
我发现 Cell 属性定义了每个单元格的输出。这是工作代码。您可以提供自定义函数来根据需要格式化每个单元格的值。
Header: 'Charter',
columns: [
{
Header: 'Title',
accessor: 'charter_title',
style: {
textAlign: 'center'
},
// provide custom function to format props
Cell: props => <div> toCurrency(props.value) </div>
}
]
}
我的自定义函数是:
function toCurrency(numberString) {
let number = parseFloat(numberString);
return number.toLocaleString('USD');
}
Header: 'Charter',
columns: [
{
Header: 'Title',
accessor: 'charter_title',
style: {
textAlign: 'center'
},
Cell: props => new Intl.NumberFormat('en-GB', { style: 'currency', currency: 'USD' }).format(props.value)
}
]
}