使用工具提示反应引导表

Question

我正在使用反应引导表来显示存储在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，我想将其显示为显示价格的工具提示。我怎样才能做到这一点？

Answer 1

将工具提示组件设置在 BootstrapTable 之外。使用 TableHeaderColumn 上的 columnClassName 属性为您的价格单元指定一个类，您可以使用 Tether 将工具提示附加到该类。