将行号列添加到表

Question

我正在尝试做一些简单的事情：在列上显示行号react-bootstrap-table。问题在于，似乎唯一可行的方法是添加一个带有索引的数据字段，如果打开了排序，则该索引会变得混乱。

理想情况下，应该有一种方法可以做到这一点，但我似乎找不到任何方法。

Answer 1

我遇到过同样的问题。

加

TableHeaderColumn

像这样：

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

和功能：

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