Skip to content

Instantly share code, notes, and snippets.

@AllenFang
Created November 14, 2016 15:24
Show Gist options
  • Select an option

  • Save AllenFang/617b6d1480dc0983524759d67f7d7a7b to your computer and use it in GitHub Desktop.

Select an option

Save AllenFang/617b6d1480dc0983524759d67f7d7a7b to your computer and use it in GitHub Desktop.
class FullyCustomShowSelectButtonTable extends React.Component {
createCustomShowSelectButton = (onClick, showSelected) => {
return (
<button style={ { color: 'red' } } onClick={ onClick }>
{ showSelected ? 'Select Only' : 'All' }
</button>
);
}
render() {
const selectRow = {
mode: 'radio',
showOnlySelected: true
};
const options = {
showSelectedOnlyBtn: this.createCustomShowSelectButton
};
return (
<BootstrapTable data={ products } options={ options } selectRow={ selectRow }>
<TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
<TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
<TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
</BootstrapTable>
);
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment