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

Итак, у меня есть таблица начальной загрузки (очень упрощенная версия):

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

Но это не работает. Я новичок в реакции, могу ли я решить эту проблему?

Спасибо за помощь


reactjs javascript react-bootstrap-table
person John Doe veto    schedule 04.07.2018    source источник
comment
пробовали ли вы это, добавив dataFormat = {showGame1} после атрибута datafield, а затем добавив следующую функцию 'function showGame1 (cell, row) {return cell.game1; } 'С этим вы сможете получить вложенные поля   -  person mrdeadsven    schedule 04.07.2018

Ответы (1)


arrow_upward
1
arrow_downward

react-bootstrap-table не поддерживает вложенное поле данных. но react-bootstrap-table-next это делает. вы можете проверить это demo, а также this.

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

person AllenFang    schedule 10.07.2018
comment
Я уже решил эту проблему, создав функцию javascript, которая сглаживает объект, чтобы не было вложенных объектов / потомков, но тогда сортировка - это следующая проблема, с которой я столкнулся. - person John Doe veto; 11.07.2018
comment
@JohnDoeveto о проблеме сортировки. Я думаю, что единственный способ исправить это - самостоятельно настроить функцию сортировки. - person AllenFang; 11.07.2018