example for #1423

Author: AllenFang

examples/js/advance/edit-type-table.js

@@ -32,7 +32,8 @@ function addJobs(quantity) {
     jobs.push({
       id: id,
       name: 'Item name ' + id,
-      type: 'B',
+      type1: 'A',
+      type2: 'B',
       active: i % 2 === 0 ? 'Y' : 'N',
       datetime: '200' + i + '-12-28T14:57:00'
     });
@@ -56,12 +57,21 @@ export default class EditTypeTable extends React.Component {
     return `TYPE_${cell}`;
   }
 
+  jobTypes(row) {
+    if (row.id > 2) {
+      return [ 'A', 'B' ];
+    } else {
+      return [ 'B', 'C', 'D', 'E' ];
+    }
+  }
+
   render() {
     return (
       <BootstrapTable data={ jobs } cellEdit={ cellEditProp }>
         <TableHeaderColumn dataField='id' isKey={ true }>Job ID</TableHeaderColumn>
         <TableHeaderColumn dataField='name' editable={ { type: 'textarea' } }>Job Name</TableHeaderColumn>
-        <TableHeaderColumn dataField='type' dataFormat={ this.formatType } editable={ { type: 'select', options: { values: jobTypes } } }>Job Type</TableHeaderColumn>
+        <TableHeaderColumn dataField='type1' dataFormat={ this.formatType } editable={ { type: 'select', options: { values: jobTypes } } }>Job Type1</TableHeaderColumn>
+        <TableHeaderColumn dataField='type2' editable={ { type: 'select', options: { values: this.jobTypes } } }>Job Type2</TableHeaderColumn>
         <TableHeaderColumn dataField='active' editable={ { type: 'checkbox', options: { values: 'Y:N' } } }>Active</TableHeaderColumn>
         <TableHeaderColumn dataField='datetime' editable={ { type: 'datetime' } }>Date Time</TableHeaderColumn>
       </BootstrapTable>