ツールチップを使用した反応ブートストラップテーブル

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

ツールチップコンポーネントをブートストラップテーブルの外側に設定します。 TableHeaderColumnのcolumnClassName属性を使用して、価格セルに、テントを使用してツールチップを添付できるクラスを与えます。