Created
October 28, 2016 15:13
-
-
Save AllenFang/7aae252ea34d8096aaf8feb93f935c36 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const qualityType = { | |
| 0: 'good', | |
| 1: 'bad', | |
| 2: 'unknown' | |
| }; | |
| const inStockStatus = { | |
| 1: 'yes', | |
| 2: 'no' | |
| }; | |
| function enumFormatter(cell, row, enumObject) { | |
| return enumObject[cell]; | |
| } | |
| export default class ExtraDataColumnFormatTable extends React.Component { | |
| render() { | |
| return ( | |
| <BootstrapTable data={ products } > | |
| <TableHeaderColumn dataField='id' isKey>Product ID</TableHeaderColumn> | |
| <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn> | |
| <TableHeaderColumn dataField='quality' dataFormat={ enumFormatter } formatExtraData={ qualityType }>Product Quality</TableHeaderColumn> | |
| <TableHeaderColumn dataField='inStock' dataFormat={ enumFormatter } formatExtraData={ inStockStatus }>Product Stock Status</TableHeaderColumn> | |
| </BootstrapTable> | |
| ); | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment