Fixed code highlights (TanStack#179)

alebrozzo · tannerlinsley · commit db84ecf78934 · 2017-04-10T10:21:31.000-06:00
diff --git a/stories/CellRenderers.js b/stories/CellRenderers.js
@@ -161,6 +161,7 @@ const columns = [{
 
 return (
   <ReactTable
+    className='-striped -highlight'
     data={data}
     columns={columns}
     defaultPageSize={10}
diff --git a/stories/ControlledTable.js b/stories/ControlledTable.js
@@ -112,8 +112,6 @@ class ControlledTable extends React.Component {
   constructor() {
     super()
     this.sortChange = this.sortChange.bind(this)
-    this.pageChange = this.pageChange.bind(this)
-    this.pageSizeChange = this.pageSizeChange.bind(this)
     this.state = {
       sorting: [],
       page: 0,
diff --git a/stories/Footers.js b/stories/Footers.js
@@ -88,23 +88,52 @@ const columns = [{
   header: 'Name',
   columns: [{
     header: 'First Name',
-    accessor: 'firstName'
+      accessor: 'firstName',
+      footer: (
+        <span><strong>Popular:</strong> {
+          _.first(
+            _.reduce(
+              _.map(
+                _.groupBy(
+                  data, d => d.firstName
+                )
+              ),
+              (a, b) => a.length > b.length ? a : b
+            )
+          ).firstName}
+        </span>
+      )
   }, {
     header: 'Last Name',
     id: 'lastName',
-    accessor: d => d.lastName
+      accessor: d => d.lastName,
+      footer: (
+        <span><strong>Longest:</strong> {
+          _.reduce(
+            _.map(
+              _.groupBy(
+                data, d => d.lastName
+              ),
+              (d, key) => key
+            ),
+            (a, b) => a.length > b.length ? a : b
+          )}
+        </span>
+      )
   }]
 }, {
   header: 'Info',
   columns: [{
     header: 'Age',
-    accessor: 'age'
+      accessor: 'age',
+      footer: <span><strong>Average:</strong> {_.round(_.mean(_.map(data, d => d.age)))}</span>
   }]
 }]
 
 // Display your table!
 return (
   <ReactTable
+    className='-striped -highlight'
     data={data}
     columns={columns}
     defaultPageSize={10}
diff --git a/stories/Simple.js b/stories/Simple.js
@@ -77,6 +77,7 @@ const columns = [{
 // Display your table!
 return (
   <ReactTable
+    className='-striped -highlight'
     data={data}
     columns={columns}
     defaultPageSize={10}
