在 bootstrap table 中对数据进行排序（数据字段问题）

Question

所以我有一个反应bootstrap table（非常简化的版本）：

<BootstrapTable data={gameData}>
  <TableHeaderColumn dataField="player">
    Player username
  </TableHeaderColumn>
  <TableHeaderColumn dataField="games">
    Game1 score
  </TableHeaderColumn>
  <TableHeaderColumn datafield="games">
    Game2 score
  </TableHeaderColumn>
  <TableHeaderColumn datafield="total">
    Total score
  </TableHeaderColumn>
</BootstrapTable>

我的数据来自这样的地方：

{
"player" : "playerName",
"games": {
    "game1": "10",
    "game2": "15",
}
"total" : "25"
}

我希望能够对 table 进行排序，为此每个 table 标头都需要有自己的数据字段。我可以对球员和总分进行排序，因为他们有自己的数据字段，但我无法对比赛得分进行排序。我试过这个：

 datafield="games.game1">
 datafield="games.game2">

但是不行。我真的很新手，所以有什么办法可以解决这个问题吗？

感谢帮助

Answer 1

react-bootstrap-table 不支持嵌套数据字段。但 react-bootstrap-table-next 确实如此。你可以检查这个 demo and also this.

我觉得你可以考虑使用react-bootstrap-table-next。 here是官网:)

在 bootstrap table 中对数据进行排序（数据字段问题）

Sorting data in bootstrap table (datafield issue)

javascript

reactjs

react-bootstrap-table