fix creating event purpose

README.md

@@ -225,7 +225,7 @@ One `Purpose` of this component is to extend jQuery DataTables function and feat
 Custom events for this component.
 ```html
 <vdtnet-table ...
-  @tableCreating="doSomethingImmediatelyAfterDataTableCreate"
+  @tableCreating="doSomethingBeforeDataTableCreate"
   @tableCreated="doSomethingImmediatelyAfterTableCreatedAndInitialized"
   @reloaded="doSomethingAfterDataLoadOrReloaded"
 />
@@ -237,8 +237,8 @@ Custom events for this component.
      comp.dataTable.on( 'order.dt',  function () { eventFired( 'Order' ); } )
    }
 ```
-- `tableCreating` this is immediately after jQuery(el).DataTable is called.
-- `tableCreated` this is after we have initialized all the columns.
+- `tableCreating` this is right before jQuery(el).DataTable(component.options) is called allowing you to modify component options.
+- `tableCreated` this is after we called jQuery(el).DataTable and initialized all the columns.
 - `reloaded` this is after data has been load/reloaded
 
 ## Additional Headers

example/index.js

@@ -713,10 +713,10 @@ var myUniqueId = 1;
   mounted: function mounted() {
     var vm = this;
     var jq = vm.jq;
-    var $el = jq(vm.$refs.table); // console.log(vm.options.buttons)
+    var $el = jq(vm.$refs.table); // you can access and update the vm.options and $el here before we create the DataTable
 
+    vm.$emit('table-creating', vm, $el);
     vm.dataTable = $el.DataTable(vm.options);
-    vm.$emit('table-creating', vm);
 
     if (vm.selectCheckbox) {
       // handle select all checkbox

lib/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/index.js": "/index.js?id=ac91b689ff131831cbbc",
-    "/index.js.map": "/index.js.map?id=154eed62452287a86ec0"
+    "/index.js": "/index.js?id=55021534cbb4540829a8",
+    "/index.js.map": "/index.js.map?id=e2f5e7c9722e176129d1"
 }

package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-datatables-net",
   "description": "Vue jQuery DataTables.net wrapper component",
-  "version": "1.1.8",
+  "version": "1.1.9",
   "author": "[email protected]",
   "license": "MIT",
   "main": "lib/index.js",

src/VdtnetTable.vue

@@ -310,10 +310,10 @@ export default {
     const jq = vm.jq
     const $el = jq(vm.$refs.table)
 
-    // console.log(vm.options.buttons)
-    vm.dataTable = $el.DataTable(vm.options)
-    vm.$emit('table-creating', vm)
+    // you can access and update the vm.options and $el here before we create the DataTable
+    vm.$emit('table-creating', vm, $el)
 
+    vm.dataTable = $el.DataTable(vm.options)
     if (vm.selectCheckbox) {
       // handle select all checkbox
       $el.on('click', 'th input.select-all-checkbox', (e) => {