From 9528d5a5bcab0fe2762689643a0958b4e4286061 Mon Sep 17 00:00:00 2001
From: Sean Landsman <sean@thelandsmans.com>
Date: Mon, 4 Sep 2017 10:39:17 +0100
Subject: [PATCH] Move per col icons to grid based

---
 src/richGridExample/ColDefFactory.jsx   |  7 +------
 src/richGridExample/RichGridExample.jsx | 12 ++++++++----
 2 files changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/richGridExample/ColDefFactory.jsx b/src/richGridExample/ColDefFactory.jsx
index 735dd63..d74df2d 100644
--- a/src/richGridExample/ColDefFactory.jsx
+++ b/src/richGridExample/ColDefFactory.jsx
@@ -16,12 +16,7 @@ export default class ColDefFactory {
                 checkboxSelection: true,
                 suppressSorting: true,
                 suppressMenu: true,
-                pinned: true,
-                icons: {
-                    checkboxChecked: '<i class="fa fa-arrow-left"/>',
-                    checkboxUnchecked: '<i class="fa fa-arrow-right"/>',
-                    checkboxIndeterminate: '<i class="fa fa-arrow-up"/>'
-                }
+                pinned: true
             },
             {
                 headerName: 'Employee',
diff --git a/src/richGridExample/RichGridExample.jsx b/src/richGridExample/RichGridExample.jsx
index 227750d..e913f2c 100644
--- a/src/richGridExample/RichGridExample.jsx
+++ b/src/richGridExample/RichGridExample.jsx
@@ -6,7 +6,6 @@ import DateComponent from "./DateComponent.jsx";
 import SortableHeaderComponent from "./SortableHeaderComponent";
 
 import "./RichGridExample.css";
-
 // take this line out if you do not want to use ag-Grid-Enterprise
 import "ag-grid-enterprise";
 
@@ -29,7 +28,10 @@ export default class RichGridExample extends Component {
                 groupExpanded: '<i class="fa fa-minus-square-o"/>',
                 groupContracted: '<i class="fa fa-plus-square-o"/>',
                 columnGroupOpened: '<i class="fa fa-minus-square-o"/>',
-                columnGroupClosed: '<i class="fa fa-plus-square-o"/>'
+                columnGroupClosed: '<i class="fa fa-plus-square-o"/>',
+                checkboxChecked: '<i class="fa fa-arrow-left"/>',
+                checkboxUnchecked: '<i class="fa fa-arrow-right"/>',
+                checkboxIndeterminate: '<i class="fa fa-arrow-up"/>'
             }
         };
 
@@ -119,7 +121,7 @@ export default class RichGridExample extends Component {
         // simply wait for the next tick
         setTimeout(() => {
             this.gridOptions.api.onFilterChanged();
-        },0)
+        }, 0)
     }
 
     render() {
@@ -153,7 +155,9 @@ export default class RichGridExample extends Component {
                         <span>
                             Grid API:
                             {/* use ref to access the api in selectAll */}
-                            <button onClick={() => { this.refs.myGrid.api.selectAll() }}>Select All</button>
+                            <button onClick={() => {
+                                this.refs.myGrid.api.selectAll()
+                            }}>Select All</button>
                             <button onClick={this.deselectAll.bind(this)}>Clear Selection</button>
                         </span>
                         <span style={{marginLeft: 20}}>