example for #1296

Author: AllenFang

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

@@ -18,11 +18,11 @@ function addProducts(quantity) {
   }
 }
 
-addProducts(5);
+addProducts(50);
 
 const options = {
-  onRowClick: function(row, columnIndex) {
-    alert(`You click row id: ${row.id}, column index: ${columnIndex}`);
+  onRowClick: function(row, columnIndex, rowIndex) {
+    alert(`You click row id: ${row.id}, column index: ${columnIndex}, row index: ${rowIndex}`);
   },
   onRowDoubleClick: function(row) {
     alert(`You double click row id: ${row.id}`);
@@ -32,7 +32,7 @@ const options = {
 export default class SingleSelectTable extends React.Component {
   render() {
     return (
-      <BootstrapTable data={ products } options={ options }>
+      <BootstrapTable data={ products } options={ options } pagination>
           <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
           <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
           <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>