2017-02-02 3 views
1

Я пытаюсь сделать что-то простое: отобразите номер строки в столбце react-bootstrap-table. Проблема в том, что единственный способ, который кажется возможным, - добавить поле данных с индексами, которые будут скремблироваться, если сортировка включена.Добавить номер столбца строки в таблицу

В идеале был бы метод, который позволяет это, но я не могу найти его.

ответ

4

У меня была та же проблема.

добавить

TableHeaderColumn

так:

<BootstrapTable data={data}> 
    ... 
    <TableHeaderColumn dataField="any" dataFormat={indexN}>#</TableHeaderColumn> 
    ... 
</BootstrapTable> 

и функции:

function indexN(cell, row, enumObject, index) { 
    return (<div>{index+1}</div>) 
} 
+0

Интересное предложение и получает очень и очень близко к решению! Проблема связана с разбитыми на страницы таблицами, потому что это приведет к тому, что она всегда будет показывать верхнюю строку как 1 проиндексированную, но с точки зрения этого вопроса это, безусловно, правильный ответ. – ZekeDroid