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

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

但它不起作用。我真的很陌生，所以有什么办法可以解决这个问题吗？

谢谢您的帮助

标签： javascriptreactjsreact-bootstrap-table

Answer 1

react-bootstrap-table不支持嵌套数据字段。但react-bootstrap-table-next确实如此。你可以查看这个演示和这个。

我想你可以考虑使用react-bootstrap-table-next. 这是官方网站:)