Bootstrap-Tabelle mit QuickInfo reaktivieren

Question

Ich verwende eine Reactive Bootstrap-Tabelle, um einige Daten anzuzeigen, die im Array info gespeichert sind.

<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> 

Einige der Reihen haben eine zusätzliche Eigenschaft oldPrice, die ich als Tooltip über den angezeigten Preis zeigen möchte. Wie kann ich das machen?

Answer 1

Richten Sie Ihre Tooltip-Komponente außerhalb der BootstrapTable ein. Verwenden Sie das columnClassName-Attribut in TableHeaderColumn, um Ihren Preiszellen eine Klasse zuzuweisen, an die Sie Ihren Tooltip mithilfe von Tether anhängen können.