Сортировка данных в таблице начальной загрузки (проблема с полем данных)

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 это так. Вы можете проверить это демо , а также это .

Я думаю, вы можете использовать react-bootstrap-table-next. здесь официальный сайт:)