add onRowClick demo

Author: AllenFang

examples/js/selection/demo.js

@@ -6,6 +6,7 @@ import DefaultSelectTable from './default-select-table';
 import SelectBgColorTable from './select-bgcolor-table';
 import SelectHookTable from './select-hook-table';
 import HideSelectionColumnTable from './hide-selection-col-table';
+import RowClickTable from './row-click-table';
 
 class Demo extends React.Component {
   render() {
@@ -74,6 +75,15 @@ class Demo extends React.Component {
             </div>
           </div>
         </div>
+        <div className="col-md-offset-1 col-md-8">
+          <div className="panel panel-default">
+            <div className="panel-heading">Row Click Example</div>
+            <div className="panel-body">
+              <h5>Source in /examples/js/selection/row-click-table.js</h5>
+              <RowClickTable />
+            </div>
+          </div>
+        </div>
       </div>
     );
   }

examples/js/selection/row-click-table.js

@@ -0,0 +1,38 @@
+'use strict';
+import React from 'react';
+import {BootstrapTable, TableHeaderColumn} from 'react-bootstrap-table';
+
+
+var products = [];
+
+function addProducts(quantity) {
+  var startId = products.length;
+  for (var i = 0; i < quantity; i++) {
+    var id = startId + i;
+    products.push({
+      id: id,
+      name: "Item name " + id,
+      price: 2100 + i
+    });
+  }
+}
+
+addProducts(5);
+
+var options = {
+  onRowClick: function(row){
+    alert('You click row id: '+row.id);
+  }
+};
+
+export default class SingleSelectTable extends React.Component{
+  render(){
+    return (
+      <BootstrapTable data={products} options={options}>
+          <TableHeaderColumn dataField="id" isKey={true}>Product ID</TableHeaderColumn>
+          <TableHeaderColumn dataField="name">Product Name</TableHeaderColumn>
+          <TableHeaderColumn dataField="price">Product Price</TableHeaderColumn>
+      </BootstrapTable>
+    );
+  }
+};