diff --git a/aurelia-slickgrid/src/aurelia-slickgrid/models/column.interface.ts b/aurelia-slickgrid/src/aurelia-slickgrid/models/column.interface.ts
index 58fceaeb4..6c39e3d36 100644
--- a/aurelia-slickgrid/src/aurelia-slickgrid/models/column.interface.ts
+++ b/aurelia-slickgrid/src/aurelia-slickgrid/models/column.interface.ts
@@ -138,10 +138,10 @@ export interface Column {
   name?: string;
 
   /** an event that can be used for triggering an action after a cell change */
-  onCellChange?: (args: OnEventArgs) => void;
+  onCellChange?: (e: Event, args: OnEventArgs) => void;
 
   /** an event that can be used for triggering an action after a cell click */
-  onCellClick?: (args: OnEventArgs) => void;
+  onCellClick?: (e: Event, args: OnEventArgs) => void;
 
   /** column output type */
   outputType?: FieldType;
diff --git a/aurelia-slickgrid/src/aurelia-slickgrid/services/gridEvent.service.ts b/aurelia-slickgrid/src/aurelia-slickgrid/services/gridEvent.service.ts
index 5a754b92f..771f016da 100644
--- a/aurelia-slickgrid/src/aurelia-slickgrid/services/gridEvent.service.ts
+++ b/aurelia-slickgrid/src/aurelia-slickgrid/services/gridEvent.service.ts
@@ -31,7 +31,7 @@ export class GridEventService {
         };
 
         // finally call up the Slick.column.onCellChanges.... function
-        column.onCellChange(returnedArgs);
+        column.onCellChange(e, returnedArgs);
       }
     });
   }
@@ -57,7 +57,7 @@ export class GridEventService {
         };
 
         // finally call up the Slick.column.onCellClick.... function
-        column.onCellClick(returnedArgs);
+        column.onCellClick(e, returnedArgs);
       }
     });
   }
diff --git a/aurelia-slickgrid/src/examples/slickgrid/example11.ts b/aurelia-slickgrid/src/examples/slickgrid/example11.ts
index 791f1bdb8..7733a445d 100644
--- a/aurelia-slickgrid/src/examples/slickgrid/example11.ts
+++ b/aurelia-slickgrid/src/examples/slickgrid/example11.ts
@@ -66,7 +66,7 @@ export class Example11 {
         editor: {
           type: Editors.text
         },
-        onCellChange: (args: OnEventArgs) => {
+        onCellChange: (e: Event, args: OnEventArgs) => {
           alert('onCellChange directly attached to the column definition');
           console.log(args);
         }
diff --git a/aurelia-slickgrid/src/examples/slickgrid/example3.ts b/aurelia-slickgrid/src/examples/slickgrid/example3.ts
index c0d483d70..8e70f4325 100644
--- a/aurelia-slickgrid/src/examples/slickgrid/example3.ts
+++ b/aurelia-slickgrid/src/examples/slickgrid/example3.ts
@@ -67,7 +67,7 @@ export class Example3 {
       minWidth: 30,
       maxWidth: 30,
       // use onCellClick OR grid.onClick.subscribe which you can see down below
-      onCellClick: (args: OnEventArgs) => {
+      onCellClick: (e: Event, args: OnEventArgs) => {
         console.log(args);
         this.alertWarning = `Editing: ${args.dataContext.title}`;
         this.aureliaGrid.gridService.highlightRow(args.row, 1500);
@@ -82,7 +82,7 @@ export class Example3 {
       maxWidth: 30,
       // use onCellClick OR grid.onClick.subscribe which you can see down below
       /*
-      onCellClick: (args: OnEventArgs) => {
+      onCellClick: (e: Event, args: OnEventArgs) => {
         console.log(args);
         this.alertWarning = `Deleting: ${args.dataContext.title}`;
       }
@@ -97,7 +97,7 @@ export class Example3 {
         type: Editors.longText
       },
       minWidth: 100,
-      onCellChange: (args: OnEventArgs) => {
+      onCellChange: (e: Event, args: OnEventArgs) => {
         console.log(args);
         this.alertWarning = `Updated Title: ${args.dataContext.title}`;
       }