javascript - 对引导表中的数据进行排序(数据字段问题)

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

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

但这行不通。我真的很陌生，所以有什么办法可以解决这个问题？

谢谢您的帮助

最佳答案

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

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

关于javascript - 对引导表中的数据进行排序(数据字段问题)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51170412/