Javascript 反应表包：将浮动格式设置为货币

我用的是包装，它是桌子

在表列props中，我提交了对象，因为它格式正确

    Header: 'Charter',
      columns: [
          {
              Header: 'Title',
              accessor: 'charter_title',
              style: {
                  textAlign: 'center'
              }
          }
      ]
    }

我要做的是将此列值格式化为货币

i、 e.10000.53等于10000.53

i、 e.1230000.123将是1230000.123

---

您是否有机会进行这种格式设置？

我发现单元格道具定义了每个单元格的输出内容。这是工作代码。您可以提供自定义函数来格式化每个单元格的值

Header: 'Charter',
       columns: [
          {
              Header: 'Title',
              accessor: 'charter_title',
              style: {
                  textAlign: 'center'
              },
              // provide custom function to format props 
              Cell: props => <div> toCurrency(props.value) </div>
          }
      ]
}

---

}

是的，你当然可以。文档中包含了您所需的所有内容。您也可以使用javascript进行此操作，检查@dfsq是的，但它似乎没有用于列格式设置的字段，或者我缺少了一些内容？我想您需要

访问器

@dfsq。您可以举个例子说明如何进行此操作吗。我在文档中找不到。回答得好。语法需要稍微调整一下。我使用了Cell:props=>{this.toCurrency（props.value）}

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)
      }
  ]