Skip to content

Instantly share code, notes, and snippets.

@AllenFang
Created October 28, 2016 15:13
Show Gist options
  • Select an option

  • Save AllenFang/7aae252ea34d8096aaf8feb93f935c36 to your computer and use it in GitHub Desktop.

Select an option

Save AllenFang/7aae252ea34d8096aaf8feb93f935c36 to your computer and use it in GitHub Desktop.
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