From 581ede3f30cd407ad97e0e6a8a5146f8dffc1a7b Mon Sep 17 00:00:00 2001
From: Rob White <robathan4@gmail.com>
Date: Fri, 21 Dec 2018 19:42:01 -0600
Subject: [PATCH] Fixes #3

Add ability to enable cell editing and add an example to documentation.
---
 README.md                       | 30 +++++++++++++++++++++++++++++-
 examples/App.vue                |  4 +++-
 src/assets/js/default-events.js |  3 +++
 src/assets/js/methods.js        |  2 +-
 src/assets/js/props.js          |  2 +-
 5 files changed, 37 insertions(+), 4 deletions(-)

diff --git a/README.md b/README.md
index 577e367..92af5f7 100644
--- a/README.md
+++ b/README.md
@@ -510,8 +510,36 @@ function(e, args) {
 ### SlickGrid Options
 > Each of the base SlickGrid Grid options are also available. *See the [SlickGrid Grid Options Wiki](https://github.com/mleibman/SlickGrid/wiki/Grid-Options) for defaults and descriptions.*
 
-## Available Events
+## Enable Editing
+> You can enable editing of cells by enabling the SlickGrid edit options and setting editors on the columns you want. *See the [SlickGrid Examples](https://github.com/mleibman/SlickGrid/wiki/Examples) for examples & cell editor info.*
+```html
+
+  <template>
+    <slim-grid :editable="true" :column-options="columnOptions"></slim-grid>
+  </template>
+
+  <script>
+    import { Editor } from 'slickgrid-es6';
+    import SlimGrid from 'vue-slimgrid';
 
+    export default {
+      components: { SlimGrid },
+      data: () => ({
+        columnOptions: {
+
+          // Add a text editor to all columns. If you want to write your own custom cell editor, see below:
+          // https://github.com/mleibman/SlickGrid/wiki/Writing-custom-cell-editors
+          '*': {
+            editor: Editor.Text
+          }
+
+        }
+      })
+    }
+  </script>
+```
+
+## Available Events
 > All events you can listen for on the SlimGrid component use the kebab-case syntax:
 ```html
   <template>
diff --git a/examples/App.vue b/examples/App.vue
index 0c6ed95..9989f41 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -2,6 +2,7 @@
   <div id="app">
     <slim-grid :data="data" 
                :height="500"
+               :editable="true"
                :column-options="columnOptions"
                :grouping="groupByDuration"
     ></slim-grid>
@@ -9,7 +10,7 @@
 </template>
 
 <script>
-import { Data } from 'slickgrid-es6';
+import { Data, Editors } from 'slickgrid-es6';
 import SlimGrid from "../src/components/SlimGrid.vue";
 
 export default {
@@ -31,6 +32,7 @@ export default {
       },
       columnOptions: {
         percentComplete: {
+          editor: Editors.Text,
           groupTotalsFormatter(totals, columnDef) {
             let val = totals.avg && totals.avg[columnDef.field];
             if (val != null) {
diff --git a/src/assets/js/default-events.js b/src/assets/js/default-events.js
index 27d7e43..14be142 100755
--- a/src/assets/js/default-events.js
+++ b/src/assets/js/default-events.js
@@ -97,6 +97,9 @@ export default {
     onBeforeCellEditorDestroy: {
       on(e, args) {
         this.$emit("before-cell-editor-destroy", e, args);
+      },
+      after(e, args) {
+        this.dataView.refresh();
       }
     },
     onBeforeDestroy: {
diff --git a/src/assets/js/methods.js b/src/assets/js/methods.js
index 8495e49..e155220 100755
--- a/src/assets/js/methods.js
+++ b/src/assets/js/methods.js
@@ -447,7 +447,7 @@ export default {
     }
 
     return _.mapValues(defaults, (value, key) => {
-      return _.isFunction(value) && ["groupTotalsFormatter", "formatter", "hidden", "order"].indexOf(key) === -1 ? value(defaults) : value;
+      return _.isFunction(value) && ["groupTotalsFormatter", "formatter", "hidden", "order", "editor"].indexOf(key) === -1 ? value(defaults) : value;
     });
   },
 
diff --git a/src/assets/js/props.js b/src/assets/js/props.js
index 897b230..f5b8f38 100755
--- a/src/assets/js/props.js
+++ b/src/assets/js/props.js
@@ -116,7 +116,7 @@ export default {
   },
   autoEdit: {
     type: Boolean,
-    default: true
+    default: false
   },
   autoHeight: {
     type: Boolean,