ReactTable всегда складывает столбцы - PullRequest
Новая
       21

ReactTable всегда складывает столбцы

0 голосов
/ 22 сентября 2019

Я пытаюсь использовать ReactTable, чтобы нарисовать простую таблицу с результатами вызова службы.Мой сервис возвращает простой объект, имеющий только одно поле, например: 

[{id: "myId"}]

Я хочу, чтобы таблица имела два столбца: один с полем "id", а другой с кнопкой "Удалить"это вызовет другой вызов службы, чтобы сообщить бэкэнду об удалении элемента.

Согласно другим ответам, найденным в StackOverflow, я определил столбцы следующим образом: 

this.columns = [
        { Header: "Id", accessor: "id" },
        {
            Header: '',
            Cell: row => (
                    <button className="btn btn-danger" onClick={() => this._removeCollection(row.original)}>Remove</button> 
            )
         }
    ]

и затем включу его вмоя таблица самым простым способом: 

render() {
    return (
        <div>
            <ReactTable
                data={this.state.collections}
                columns={this.columns} />
        </div>
    )
}

результат?Моя кнопка появляется под столбцом «id» (идентификаторы в этом примере: 1 и 2): Таблица как обработанная

что не так?

...