From 5823e2a0e3a5084070176058bf28c0c957b6630e Mon Sep 17 00:00:00 2001
From: AllenFang <ayu780129@hotmail.com>
Date: Sun, 16 Jul 2017 14:43:05 +0800
Subject: [PATCH] example for #1451

---
 examples/js/style/demo.js           | 10 ++++++++
 examples/js/style/tr-style-table.js | 40 +++++++++++++++++++++++++++++
 2 files changed, 50 insertions(+)
 create mode 100644 examples/js/style/tr-style-table.js

diff --git a/examples/js/style/demo.js b/examples/js/style/demo.js
index 82d6f09a2..1ccd42409 100644
--- a/examples/js/style/demo.js
+++ b/examples/js/style/demo.js
@@ -3,6 +3,7 @@ require('./style.css');
 import React from 'react';
 import TrClassStringTable from './tr-class-string-table';
 import TrClassFunctionTable from './tr-class-function-table';
+import TrStyleTable from './tr-style-table';
 import TdClassStringTable from './td-class-string-table';
 import TdClassFunctionTable from './td-class-function-table';
 import EditTdClassTable from './edit-td-class-table';
@@ -41,6 +42,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'>Set String or Function for <code>trStyle</code> on &lt;BootstrapTable&gt;</div>
+            <div className='panel-body'>
+              <h5>Source in /examples/js/style/tr-style-table.js</h5>
+              <TrStyleTable />
+            </div>
+          </div>
+        </div>
         <div className='col-md-offset-1 col-md-8'>
           <div className='panel panel-default'>
             <div className='panel-heading'>Set String as <code>classname</code> & <code>columnClassName</code> on &lt;TableHeaderColumn&gt;(header &amp; column)</div>
diff --git a/examples/js/style/tr-style-table.js b/examples/js/style/tr-style-table.js
new file mode 100644
index 000000000..1147869e2
--- /dev/null
+++ b/examples/js/style/tr-style-table.js
@@ -0,0 +1,40 @@
+/* eslint max-len: 0 */
+/* eslint no-unused-vars: 0 */
+import React from 'react';
+import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
+
+
+const products = [];
+
+function addProducts(quantity) {
+  const startId = products.length;
+  for (let i = 0; i < quantity; i++) {
+    const id = startId + i;
+    products.push({
+      id: id,
+      name: 'Item name ' + id,
+      price: 2100 + i
+    });
+  }
+}
+
+
+addProducts(5);
+
+export default class TrClassStringTable extends React.Component {
+
+  trStyle = (row, rowIndex) => {
+    return { backgroundColor: '#FFFAFA' };
+  }
+
+  render() {
+    const selectRow = { mode: 'checkbox', bgColor: 'red' };
+    return (
+      <BootstrapTable data={ products } trStyle={ this.trStyle } selectRow={ selectRow }>
+          <TableHeaderColumn dataField='id' isKey={ true }>Product ID</TableHeaderColumn>
+          <TableHeaderColumn dataField='name'>Product Name</TableHeaderColumn>
+          <TableHeaderColumn dataField='price'>Product Price</TableHeaderColumn>
+      </BootstrapTable>
+    );
+  }
+}