Added external component renderer example

Author: easeq

demo/src/schema/basic.js

@@ -23,7 +23,7 @@ export default {
     },
     layout: [
         ['Editable'],
-        ['MassActions', 'SimpleButton', 'ResetFilters', 'Spacer', 'Print', 'Columns'],
+        ['MassActions', 'SimpleButton', 'ExternalCustomButton', 'ResetFilters', 'Spacer', 'Print', 'Columns'],
         ['Limiter', 'Spacer', 'ResultCount', 'Spacer', 'Pages'],
         [{ id: 'Table', layout: [
             ['Header'],
@@ -60,6 +60,12 @@ export default {
         //         last: { backgroundColor: 'purple' },
         //     }
         // },
+        ExternalCustomButton: {
+            renderer: (props) => {
+                console.log(props);
+                return <button>nothing</button>
+            }
+        },
         Editable: {
             type: 'editable',
             labels: {

demo/src/schema/normalized.js

@@ -56,7 +56,7 @@ export default {
     },
     layout: [
         ['Editable'],
-        ['MassActions', 'SimpleButton', 'ResetFilters', 'Spacer', 'Print', 'Columns'],
+        ['MassActions', 'SimpleButton', 'ExternalCustomButton', 'ResetFilters', 'Spacer', 'Print', 'Columns'],
         ['Limiter', 'Spacer', 'ResultCount', 'Spacer', 'Pages'],
         [{ id: 'Table', layout: [
             ['Header'],
@@ -84,6 +84,12 @@ export default {
                 justifyContent: 'center'
             }
         },
+        ExternalCustomButton: {
+            renderer: (props) => {
+                console.log(props);
+                return <button>nothing</button>
+            }
+        },
         // Pages: {
         //     styles: {
         //         first: { backgroundColor: 'red' },