From 517702922ef1fae91e896a503282a79a01bb7a77 Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Mon, 16 Jan 2017 15:52:42 -0700
Subject: [PATCH] Fix padRows key

---
 .storybook/config.js                           | 4 ++--
 src/index.js                                   | 5 +++--
 stories/{MillionRows.js => OneHundredKRows.js} | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)
 rename stories/{MillionRows.js => OneHundredKRows.js} (98%)

diff --git a/.storybook/config.js b/.storybook/config.js
index 5099cc8..27d9d66 100644
--- a/.storybook/config.js
+++ b/.storybook/config.js
@@ -15,7 +15,7 @@ import ServerSide from '../stories/ServerSide.js'
 import SubComponents from '../stories/SubComponents.js'
 import Pivoting from '../stories/Pivoting.js'
 import PivotingSubComponents from '../stories/PivotingSubComponents.js'
-import MillionRows from '../stories/MillionRows.js'
+import OneHundredKRows from '../stories/OneHundredKRows.js'
 //
 configure(() => {
   storiesOf('1. Docs')
@@ -36,5 +36,5 @@ configure(() => {
     .add('Sub Components', SubComponents)
     .add('Pivoting & Aggregation', Pivoting)
     .add('Pivoting & Aggregation w/ Sub Components', PivotingSubComponents)
-    .add('1 Million Rows w/ Pivoting & Sub Components', MillionRows)
+    .add('100k Rows w/ Pivoting & Sub Components', OneHundredKRows)
 }, module)
diff --git a/src/index.js b/src/index.js
index ec4f485..8287f21 100644
--- a/src/index.js
+++ b/src/index.js
@@ -541,9 +541,10 @@ export default React.createClass({
 
     const makePadRow = (row, i) => {
       return (
-        <TrGroupComponent>
+        <TrGroupComponent
+          key={i}
+        >
           <TrComponent
-            key={i}
             className={classnames(trClassName, '-padRow')}
             style={trStyle}
           >
diff --git a/stories/MillionRows.js b/stories/OneHundredKRows.js
similarity index 98%
rename from stories/MillionRows.js
rename to stories/OneHundredKRows.js
index edf09c2..b238c53 100644
--- a/stories/MillionRows.js
+++ b/stories/OneHundredKRows.js
@@ -6,7 +6,7 @@ import CodeHighlight from './components/codeHighlight'
 import ReactTable from '../lib/index'
 
 export default () => {
-  const data = _.map(_.range(1000000), d => {
+  const data = _.map(_.range(100000), d => {
     return {
       firstName: namor.generate({ words: 1, numLen: 0 }),
       lastName: namor.generate({ words: 1, numLen: 0 }),