对引导表中的数据进行排序（数据字段问题）

Question

所以我有一个反应引导表（非常简化的版本）：

<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"
}

我希望能够对表进行排序，并且这样做每个表头都需要具有自己的数据字段。由于他们具有自己的数据字段，因此我能够对球员和总得分进行排序，但是我无法对游戏得分进行排序。我尝试过：

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

但是它不起作用。我真的是个新手，所以有什么办法可以解决这个问题？

感谢您的帮助

Answer 1

react-bootstrap-table不支持嵌套数据字段。但是react-bootstrap-table-next可以。您可以同时检查此demo和this。

我认为您可以考虑使用react-bootstrap-table-next。 here是官方网站：）