/
remote-alternative.js
42 lines (39 loc) · 1.33 KB
/
remote-alternative.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
import React from 'react';
import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
export default class RemoteAlternative extends React.Component {
constructor(props) {
super(props);
}
remote(remoteObj) {
// Only cell editing, insert and delete row will be handled by remote store
remoteObj.cellEdit = true;
remoteObj.insertRow = true;
remoteObj.dropRow = true;
return remoteObj;
}
render() {
const cellEditProp = {
mode: 'click'
};
const selectRow = {
mode: 'checkbox',
cliclToSelct: true
};
return (
<BootstrapTable data={ this.props.data }
selectRow={ selectRow }
remote={ this.remote }
insertRow deleteRow search pagination
cellEdit={ cellEditProp }
options={ {
onCellEdit: this.props.onCellEdit,
onDeleteRow: this.props.onDeleteRow,
onAddRow: this.props.onAddRow
} }>
<TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
<TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
<TableHeaderColumn dataField='price' dataSort>Product Price</TableHeaderColumn>
</BootstrapTable>
);
}
}