javascript - 使用工具提示 react 引导表

我正在使用React Bootstrap表来显示存储在info数组中的一些数据。

<BootstrapTable data={info} striped={true} hover={true} search={true} condensed={true} selectRow={selectRowProp(onRowSelect, info, selected)}>
    <TableHeaderColumn isKey={true} dataField="name"> Name </TableHeaderColumn>
    <TableHeaderColumn dataField="class"> Class </TableHeaderColumn>
    <TableHeaderColumn dataFormat={myStyle} dataField="price"> Price </TableHeaderColumn>
</BootstrapTable>

有些行可能具有额外的属性oldPrice，我希望以此为工具提示来显示所显示的价格。我怎样才能做到这一点？

最佳答案

相关的，如果要在悬停时显示单元格的值，则需要编写一个小函数:

const columnHover = (cell, row, enumObject, rowIndex) => {
    return cell
  }

<TableHeaderColumn
    width='260px'
    dataField='cellContents'
    editable={false}
    dataSort
    columnTitle={columnHover}
    >
    Some text
</TableHeaderColumn>

关于javascript - 使用工具提示 react 引导表，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38014652/