diff --git a/examples/dev.html b/examples/dev.html
index b521be2d..71b6663b 100644
--- a/examples/dev.html
+++ b/examples/dev.html
@@ -4,77 +4,84 @@
     <title>HTML Table Filter Generator</title>
 </head>
 <body>
-    <table id="demo" cellpadding="0" cellspacing="0">
-        <thead>
-            <tr>
-                <th>From</th>
-                <th>Destination</th>
-                <th>Road Distance (km)</th>
-                <th>By Air (hrs)</th>
-                <th width="15%">By Rail (hrs)</th>
-            </tr>
-        </thead>
-        <tfoot>
-            <tr>
-                <td>Tot:</td>
-                <td></td>
-                <td id="sum1"></td>
-                <td id="sum2"></td>
-                <td></td>
-            </tr>
-        </tfoot>
-        <tbody>
-            <tr>
-                <td><strong>Sydney</strong></td>
-                <td>Adelaide</td>
-                <td>1412</td>
-                <td>1.4</td>
-                <td>25.3</td>
-            </tr>
-            <tr>
-                <td><strong>Sydney</strong></td>
-                <td>Brisbane</td>
-                <td>982</td>
-                <td>1.5</td>
-                <td>16</td>
-            </tr>
-            <tr>
-                <td><strong>Sydney</strong></td>
-                <td>Canberra</td>
-                <td>286</td>
-                <td>.6</td>
-                <td>4.3</td>
-            </tr>
-            <tr>
-                <td><strong>Sydney</strong></td>
-                <td>Melbourne</td>
-                <td>872</td>
-                <td>1.1</td>
-                <td>10.5</td>
-            </tr>
-            <tr>
-                <td><strong>Adelaide</strong></td>
-                <td>Perth</td>
-                <td>2781</td>
-                <td>3.1</td>
-                <td>38</td>
-            </tr>
-            <tr>
-                <td><strong>Adelaide</strong></td>
-                <td>Alice Springs</td>
-                <td>1533</td>
-                <td>2</td>
-                <td>20.25</td>
-            </tr>
-            <tr>
-                <td><strong>Adelaide</strong></td>
-                <td>Brisbane</td>
-                <td>2045</td>
-                <td>2.15</td>
-                <td>40</td>
-            </tr>
-        </tbody>
-    </table>
+    <div style="width:800px;">
+        <table id="demo" cellpadding="0" cellspacing="0">
+            <thead>
+                <tr>
+                    <th>From</th>
+                    <th>Destination</th>
+                    <th>Road Distance (km)</th>
+                    <th>By Air (hrs)</th>
+                    <th width="15%">By Rail (hrs)</th>
+                </tr>
+            </thead>
+            <tfoot>
+                <tr>
+                    <td>Tot:</td>
+                    <td></td>
+                    <td id="sum1"></td>
+                    <td id="sum2"></td>
+                    <td></td>
+                </tr>
+            </tfoot>
+            <tbody>
+                <tr>
+                    <td><strong>Sydney</strong></td>
+                    <td>Adelaide</td>
+                    <td>1412</td>
+                    <td>1.4</td>
+                    <td>25.3</td>
+                </tr>
+                <tr>
+                    <td><strong>Sydney</strong></td>
+                    <td>Brisbane</td>
+                    <td>982</td>
+                    <td>1.5</td>
+                    <td>16</td>
+                </tr>
+                <tr>
+                    <td><strong>Sydney</strong></td>
+                    <td>Canberra</td>
+                    <td>286</td>
+                    <td>.6</td>
+                    <td>4.3</td>
+                </tr>
+                <tr>
+                    <td><strong>Sydney</strong></td>
+                    <td>Melbourne</td>
+                    <td>872</td>
+                    <td>1.1</td>
+                    <td>10.5</td>
+                </tr>
+                <tr>
+                    <td><strong>Adelaide</strong></td>
+                    <td>Perth</td>
+                    <td>2781</td>
+                    <td>3.1</td>
+                    <td>38</td>
+                </tr>
+                <tr>
+                    <td><strong>Adelaide</strong></td>
+                    <td>Alice Springs</td>
+                    <td>1533</td>
+                    <td>2</td>
+                    <td>20.25</td>
+                </tr>
+                <tr>
+                    <td><strong>Adelaide</strong></td>
+                    <td>Brisbane</td>
+                    <td>2045</td>
+                    <td>2.15</td>
+                    <td>40</td>
+                </tr>
+            </tbody>
+        </table>
+    </div>
+
+    <div>
+        <button onclick="tf.ExtRegistry.advancedGrid.destroy();">Remove ezEditTable</button>
+        <button onclick="tf.ExtRegistry.advancedGrid.reset();">Reset ezEditTable</button>
+    </div>
 
     <script type="text/javascript" src="../build/tablefilter/tablefilter.js"></script>
     <script>
@@ -111,16 +118,24 @@
                 decimal_precision: [0, 2],
                 tot_row_index: [totRowIndex, totRowIndex]
             },
-            selectable: true,
-            editable: true,
-            ezEditTable_config: {
-                path: '../libs/ezEditTable/ezEditTable.js'
-            },
+            // selectable: true,
+            // editable: true,
+            // ezEditTable_config: {
+            //     path: '../libs/ezEditTable/ezEditTable.js',
+            //     default_selection: 'both',
+            //     auto_save: false
+            // },
             extensions: [{
+                name: 'advancedGrid',
+                vendor_path: '../libs/ezEditTable/',
+                selectable: true,
+                editable: true,
+                default_selection: 'both',
+                auto_save: false
+                },{
                 /*** Columns Visibility Manager extension load ***/
                 name: 'colsVisibility',
-                description: 'Columns visibility manager',/*
-                initialize: function(o){o.SetColsVisibility();}*/
+                description: 'Columns visibility manager',
                 // manager: true,
                 tick_to_hide: true,
                 // headers_table: true,
diff --git a/src-es6/extensions/advancedGrid/adapterEzEditTable.js b/src-es6/extensions/advancedGrid/adapterEzEditTable.js
new file mode 100644
index 00000000..b0a8393d
--- /dev/null
+++ b/src-es6/extensions/advancedGrid/adapterEzEditTable.js
@@ -0,0 +1,374 @@
+import {Dom} from '../../dom';
+import {Arr} from '../../array';
+
+export default class AdapterEzEditTable {
+    /**
+     * Adapter module for ezEditTable, an external library providing advanced
+     * grid features (selection and edition):
+     * http://codecanyon.net/item/ezedittable-enhance-html-tables/2425123?ref=koalyptus
+     *
+     * @param {Object} tf TableFilter instance
+     */
+    constructor(tf, cfg){
+        // ezEditTable config
+        this.cfg = cfg;
+        this.name = 'ezEditTable.js';
+        this.vendorPath = this.cfg.vendor_path || tf.extensionsPath +
+            'ezEditTable/';
+        this.loadStylesheet = this.cfg.loadStylesheet===true ? true : false;
+        this.stylesheet = this.cfg.stylesheet || this.vendorPath +
+            'ezEditTable.css';
+        this.stylesheetName = this.cfg.stylesheetName || 'ezEditTableCss';
+        this.err = 'Failed to instantiate EditTable object.\n"ezEditTable" ' +
+            'dependency not found.';
+
+        this._ezEditTable = null;
+        this.tf = tf;
+    }
+
+    /**
+     * Conditionally load ezEditTable library and set advanced grid
+     * @return {[type]} [description]
+     */
+    init(){
+        var tf = this.tf;
+        if(window.EditTable/*tf.isImported(this.path)*/){
+            this._setAdvancedGrid();
+        } else {
+            var path = this.vendorPath + this.name;
+            tf.import(this.name, path, ()=> { this._setAdvancedGrid(); });
+        }
+        if(this.loadStylesheet && !tf.isImported(this.stylesheet, 'link')){
+            tf.import(this.stylesheetName, this.stylesheet, null, 'link');
+        }
+    }
+
+    /**
+     * Instantiate ezEditTable component for advanced grid features
+     */
+    _setAdvancedGrid(){
+        var tf = this.tf;
+
+        //start row for EditTable constructor needs to be calculated
+        var startRow,
+            cfg = this.cfg,
+            thead = Dom.tag(tf.tbl, 'thead');
+
+        //if thead exists and startRow not specified, startRow is calculated
+        //automatically by EditTable
+        if(thead.length > 0 && !cfg.startRow){
+            startRow = undefined;
+        }
+        //otherwise startRow config property if any or TableFilter refRow
+        else{
+            startRow = cfg.startRow || tf.refRow;
+        }
+
+        cfg.base_path = cfg.base_path  || tf.basePath + 'ezEditTable/';
+        // var editable = tf.editable;
+        var editable = cfg.editable;
+        // cfg.editable = editable;
+        // var selectable = tf.selectable;
+        var selectable = cfg.selectable;
+        cfg.selection = selectable;
+
+        if(selectable){
+            cfg.default_selection = cfg.default_selection || 'row';
+        }
+        //CSS Styles
+        cfg.active_cell_css = cfg.active_cell_css || 'ezETSelectedCell';
+
+        var _lastValidRowIndex = 0;
+        var _lastRowIndex = 0;
+
+        if(selectable){
+            //Row navigation needs to be calculated according to TableFilter's
+            //validRowsIndex array
+            var onAfterSelection = function(et, selectedElm, e){
+                var slc = et.Selection;
+                //Next valid filtered row needs to be selected
+                var doSelect = function(nextRowIndex){
+                    if(et.defaultSelection === 'row'){
+                        slc.SelectRowByIndex(nextRowIndex);
+                    } else {
+                        et.ClearSelections();
+                        var cellIndex = selectedElm.cellIndex,
+                            row = tf.tbl.rows[nextRowIndex];
+                        if(et.defaultSelection === 'both'){
+                            slc.SelectRowByIndex(nextRowIndex);
+                        }
+                        if(row){
+                            slc.SelectCell(row.cells[cellIndex]);
+                        }
+                    }
+                    //Table is filtered
+                    if(tf.validRowsIndex.length !== tf.getRowsNb()){
+                        var r = tf.tbl.rows[nextRowIndex];
+                        if(r){
+                            r.scrollIntoView(false);
+                        }
+                        if(cell){
+                            if(cell.cellIndex === (tf.getCellsNb()-1) &&
+                                tf.gridLayout){
+                                tf.tblCont.scrollLeft = 100000000;
+                            }
+                            else if(cell.cellIndex===0 && tf.gridLayout){
+                                tf.tblCont.scrollLeft = 0;
+                            } else {
+                                cell.scrollIntoView(false);
+                            }
+                        }
+                    }
+                };
+
+                //table is not filtered
+                if(!tf.validRowsIndex){
+                    return;
+                }
+                var validIndexes = tf.validRowsIndex,
+                    validIdxLen = validIndexes.length,
+                    row = et.defaultSelection !== 'row' ?
+                        selectedElm.parentNode : selectedElm,
+                    //cell for default_selection = 'both' or 'cell'
+                    cell = selectedElm.nodeName==='TD' ? selectedElm : null,
+                    keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
+                    isRowValid = Arr.has(validIndexes, row.rowIndex),
+                    nextRowIndex,
+                    //pgup/pgdown keys
+                    d = (keyCode === 34 || keyCode === 33 ?
+                        (tf.Cpt.paging.pagingLength || et.nbRowsPerPage) : 1);
+
+                //If next row is not valid, next valid filtered row needs to be
+                //calculated
+                if(!isRowValid){
+                    //Selection direction up/down
+                    if(row.rowIndex>_lastRowIndex){
+                        //last row
+                        if(row.rowIndex >= validIndexes[validIdxLen-1]){
+                            nextRowIndex = validIndexes[validIdxLen-1];
+                        } else {
+                            var calcRowIndex = (_lastValidRowIndex + d);
+                            if(calcRowIndex > (validIdxLen-1)){
+                                nextRowIndex = validIndexes[validIdxLen-1];
+                            } else {
+                                nextRowIndex = validIndexes[calcRowIndex];
+                            }
+                        }
+                    } else{
+                        //first row
+                        if(row.rowIndex <= validIndexes[0]){
+                            nextRowIndex = validIndexes[0];
+                        } else {
+                            var v = validIndexes[_lastValidRowIndex - d];
+                            nextRowIndex = v ? v : validIndexes[0];
+                        }
+                    }
+                    _lastRowIndex = row.rowIndex;
+                    doSelect(nextRowIndex);
+                } else {
+                    //If filtered row is valid, special calculation for
+                    //pgup/pgdown keys
+                    if(keyCode!==34 && keyCode!==33){
+                        _lastValidRowIndex = Arr.indexByValue(validIndexes,
+                            row.rowIndex);
+                        _lastRowIndex = row.rowIndex;
+                    } else {
+                        if(keyCode === 34){ //pgdown
+                            //last row
+                            if((_lastValidRowIndex + d) <= (validIdxLen-1)){
+                                nextRowIndex = validIndexes[
+                                _lastValidRowIndex + d];
+                            } else {
+                                nextRowIndex = [validIdxLen-1];
+                            }
+                        } else { //pgup
+                            //first row
+                            if((_lastValidRowIndex - d) <= validIndexes[0]){
+                                nextRowIndex = validIndexes[0];
+                            } else {
+                                nextRowIndex = validIndexes[
+                                    _lastValidRowIndex - d];
+                            }
+                        }
+                        _lastRowIndex = nextRowIndex;
+                        _lastValidRowIndex = Arr.indexByValue(validIndexes,
+                            nextRowIndex);
+                        doSelect(nextRowIndex);
+                    }
+                }
+            };
+
+            //Page navigation has to be enforced whenever selected row is out of
+            //the current page range
+            var onBeforeSelection = function(et, selectedElm){
+                var row = et.defaultSelection !== 'row' ?
+                    selectedElm.parentNode : selectedElm;
+                if(tf.paging){
+                    if(tf.Cpt.paging.nbPages > 1){
+                        var paging = tf.Cpt.paging;
+                        //page length is re-assigned in case it has changed
+                        et.nbRowsPerPage = paging.pagingLength;
+                        var validIndexes = tf.validRowsIndex,
+                            validIdxLen = validIndexes.length,
+                            pagingEndRow = parseInt(paging.startPagingRow, 10) +
+                                parseInt(paging.pagingLength, 10);
+                        var rowIndex = row.rowIndex;
+
+                        if((rowIndex === validIndexes[validIdxLen-1]) &&
+                            paging.currentPageNb!==paging.nbPages){
+                            paging.setPage('last');
+                        }
+                        else if((rowIndex == validIndexes[0]) &&
+                            paging.currentPageNb!==1){
+                            paging.setPage('first');
+                        }
+                        else if(rowIndex > validIndexes[pagingEndRow-1] &&
+                            rowIndex < validIndexes[validIdxLen-1]){
+                            paging.setPage('next');
+                        }
+                        else if(
+                            rowIndex < validIndexes[paging.startPagingRow] &&
+                            rowIndex > validIndexes[0]){
+                            paging.setPage('previous');
+                        }
+                    }
+                }
+            };
+
+            //Selected row needs to be visible when paging is activated
+            if(tf.paging){
+                tf.Cpt.paging.onAfterChangePage = function(tf){
+                    var et = tf.ExtRegistry.ezEditTable;
+                    var slc = et.Selection;
+                    var row = slc.GetActiveRow();
+                    if(row){
+                        row.scrollIntoView(false);
+                    }
+                    var cell = slc.GetActiveCell();
+                    if(cell){
+                        cell.scrollIntoView(false);
+                    }
+                };
+            }
+
+            //Rows navigation when rows are filtered is performed with the
+            //EditTable row selection callback events
+            if(cfg.default_selection==='row'){
+                var fnB = cfg.on_before_selected_row;
+                cfg.on_before_selected_row = function(){
+                    onBeforeSelection(arguments[0], arguments[1], arguments[2]);
+                    if(fnB){
+                        fnB.call(
+                            null, arguments[0], arguments[1], arguments[2]);
+                    }
+                };
+                var fnA = cfg.on_after_selected_row;
+                cfg.on_after_selected_row = function(){
+                    onAfterSelection(arguments[0], arguments[1], arguments[2]);
+                    if(fnA){
+                        fnA.call(
+                            null, arguments[0], arguments[1], arguments[2]);
+                    }
+                };
+            } else {
+                var fnD = cfg.on_before_selected_cell;
+                cfg.on_before_selected_cell = function(){
+                    onBeforeSelection(arguments[0], arguments[1], arguments[2]);
+                    if(fnD){
+                        fnD.call(
+                            null, arguments[0], arguments[1], arguments[2]);
+                    }
+                };
+                var fnC = cfg.on_after_selected_cell;
+                cfg.on_after_selected_cell = function(){
+                    onAfterSelection(arguments[0], arguments[1], arguments[2]);
+                    if(fnC){
+                        fnC.call(
+                            null, arguments[0], arguments[1], arguments[2]);
+                    }
+                };
+            }
+        }
+        if(editable){
+            //Added or removed rows, TF rows number needs to be re-calculated
+            var fnE = cfg.on_added_dom_row;
+            cfg.on_added_dom_row = function(){
+                tf.nbFilterableRows++;
+                if(!tf.paging){
+                    tf.Cpt.rowsCounter.refresh();
+                } else {
+                    tf.nbRows++;
+                    tf.nbVisibleRows++;
+                    tf.nbFilterableRows++;
+                    tf.paging=false;
+                    tf.Cpt.paging.destroy();
+                    tf.Cpt.paging.addPaging();
+                }
+                if(tf.alternateBgs){
+                    tf.Cpt.alternateRows.init();
+                }
+                if(fnE){
+                    fnE.call(null, arguments[0], arguments[1], arguments[2]);
+                }
+            };
+            if(cfg.actions && cfg.actions['delete']){
+                var fnF = cfg.actions['delete'].on_after_submit;
+                cfg.actions['delete'].on_after_submit = function(){
+                    tf.nbFilterableRows--;
+                    if(!tf.paging){
+                        tf.Cpt.rowsCounter.refresh();
+                    } else {
+                        tf.nbRows--;
+                        tf.nbVisibleRows--;
+                        tf.nbFilterableRows--;
+                        tf.paging=false;
+                        tf.Cpt.paging.destroy();
+                        tf.Cpt.paging.addPaging(false);
+                    }
+                    if(tf.alternateBgs){
+                        tf.Cpt.alternateRows.init();
+                    }
+                    if(fnF){
+                        fnF.call(null, arguments[0], arguments[1]);
+                    }
+                };
+            }
+        }
+
+        try{
+            this._ezEditTable = new EditTable(tf.id, cfg, startRow);
+            this._ezEditTable.Init();
+        } catch(e) { throw new Error(this.err); }
+    }
+
+    /**
+     * Reset advanced grid when previously removed
+     */
+    reset(){
+        var ezEditTable = this._ezEditTable;
+        if(ezEditTable){
+            if(this.cfg.selectable){
+                ezEditTable.Selection.Set();
+            }
+            if(this.cfg.editable){
+                ezEditTable.Editable.Set();
+            }
+        }
+    }
+
+    /**
+     * Remove advanced grid
+     */
+    destroy(){
+        var ezEditTable = this._ezEditTable;
+        if(ezEditTable){
+            if(this.cfg.selectable){
+                ezEditTable.Selection.ClearSelections();
+                ezEditTable.Selection.Remove();
+            }
+            if(this.cfg.editable){
+                ezEditTable.Editable.Remove();
+            }
+        }
+    }
+}
diff --git a/src-es6/extensions/advancedGrid/advancedGrid.js b/src-es6/extensions/advancedGrid/advancedGrid.js
new file mode 100644
index 00000000..e548ef44
--- /dev/null
+++ b/src-es6/extensions/advancedGrid/advancedGrid.js
@@ -0,0 +1,3 @@
+import AdapterEzEditTable from './adapterEzEditTable';
+
+export default AdapterEzEditTable;
\ No newline at end of file
diff --git a/src-es6/extensions/colsVisibility/colsVisibility.js b/src-es6/extensions/colsVisibility/colsVisibility.js
index 0fba790a..f3e0f591 100644
--- a/src-es6/extensions/colsVisibility/colsVisibility.js
+++ b/src-es6/extensions/colsVisibility/colsVisibility.js
@@ -10,12 +10,9 @@ export default class ColsVisibility{
      * Columns Visibility extension
      * @param {Object} tf TableFilter instance
      */
-    constructor(
-        tf,
-        ext={
+    constructor(tf, ext={
             name:'colsVisibility',
-            description:'Columns visibility manager'
-        }){
+            description:'Columns visibility manager'}){
 
         // Configuration object
         var f = ext;
diff --git a/src-es6/tablefilter.js b/src-es6/tablefilter.js
index 149d466f..b3d33203 100644
--- a/src-es6/tablefilter.js
+++ b/src-es6/tablefilter.js
@@ -101,12 +101,12 @@ export class TableFilter{
         this.extensionsPath = f.extensions_path || this.basePath+'extensions/';
 
         /*** filter types ***/
-        this.fltTypeInp =           'input';
-        this.fltTypeSlc =           'select';
-        this.fltTypeMulti =         'multiple';
-        this.fltTypeCheckList =     'checklist';
-        this.fltTypeNone =          'none';
-        this.fltCol =               []; //filter type of each column
+        this.fltTypeInp = 'input';
+        this.fltTypeSlc = 'select';
+        this.fltTypeMulti = 'multiple';
+        this.fltTypeCheckList = 'checklist';
+        this.fltTypeNone = 'none';
+        this.fltCol = []; //filter type of each column
 
         for(var j=0; j<this.nbCells; j++){
             var cfgCol = f['col_'+j];
@@ -392,25 +392,9 @@ export class TableFilter{
 
         /*** ezEditTable extension ***/
         //enables/disables table selection feature
-        this.selectable = f.selectable===true ? true : false;
+        // this.selectable = f.selectable===true ? true : false;
         //enables/disables editable table feature
-        this.editable = f.editable===true ? true : false;
-        //ezEditTable configuration options
-        this.ezEditTableCfg = f.ezEditTable_config || {};
-        this.ezEditTableCfg.name = this.ezEditTableCfg.name || 'ezedittable';
-        this.ezEditTableCfg.path = this.ezEditTableCfg.path ||
-            this.extensionsPath + 'ezEditTable/ezEditTable.js';
-        //ezEditTable stylesheet not imported by default as filtergrid.css
-        //applies
-        this.ezEditTableCfg.loadStylesheet =
-            this.ezEditTableCfg.loadStylesheet===true ? true : false;
-        this.ezEditTableCfg.stylesheet =
-            this.ezEditTableCfg.stylesheet || this.extensionsPath +
-                'ezEditTable/ezEditTable.css';
-        this.ezEditTableCfg.stylesheetName =
-            this.ezEditTableCfg.stylesheetName || 'ezEditTableCss';
-        this.ezEditTableCfg.err = 'Failed to instantiate EditTable ' +
-            'object.\n"ezEditTable" module may not be available.';
+        // this.editable = f.editable===true ? true : false;
 
         /*** onkeyup event ***/
         //enables/disables onkeyup event, table is filtered when user stops
@@ -518,8 +502,6 @@ export class TableFilter{
 
         /*** extensions ***/
         //imports external script
-        // this.hasExtensions = f.extensions===true ? true : false;
-        // this.extensions = this.hasExtensions ? f.extensions : null;
         this.extensions = f.extensions;
         this.hasExtensions = types.isArray(this.extensions);
 
@@ -638,14 +620,14 @@ export class TableFilter{
                     o.isUserTyping = false;
                     global.clearInterval(o.onKeyUpTimer);
                 }
-                if(o.ezEditTable){
-                    if(o.editable){
-                        o.ezEditTable.Editable.Set();
-                    }
-                    if(o.selectable){
-                        o.ezEditTable.Selection.Set();
-                    }
-                }
+                // if(o.ezEditTable){
+                //     if(o.editable){
+                //         o.ezEditTable.Editable.Set();
+                //     }
+                //     if(o.selectable){
+                //         o.ezEditTable.Selection.Set();
+                //     }
+                // }
             },
             /*====================================================
                 - onfocus event for input filters
@@ -658,14 +640,14 @@ export class TableFilter{
                     evt.cancel(_evt);
                     evt.stop(_evt);
                 }
-                if(o.ezEditTable){
-                    if(o.editable){
-                        o.ezEditTable.Editable.Remove();
-                    }
-                    if(o.selectable){
-                        o.ezEditTable.Selection.Remove();
-                    }
-                }
+                // if(o.ezEditTable){
+                //     if(o.editable){
+                //         o.ezEditTable.Editable.Remove();
+                //     }
+                //     if(o.selectable){
+                //         o.ezEditTable.Selection.Remove();
+                //     }
+                // }
             },
             /*====================================================
                 - onfocus event for select filters
@@ -1097,9 +1079,9 @@ export class TableFilter{
         if(this.sort /*|| this.gridLayout*/){
             this.setSort();
         }
-        if(this.selectable || this.editable){
-            this.setEditable();
-        }
+        // if(this.selectable || this.editable){
+        //     this.setEditable();
+        // }
 
         this.isFirstLoad = false;
         this._hasGrid = true;
@@ -1354,9 +1336,9 @@ export class TableFilter{
             if(this.markActiveColumns){
                 this.clearActiveColumns();
             }
-            if(this.editable || this.selectable){
-                this.removeEditable();
-            }
+            // if(this.editable || this.selectable){
+            //     this.removeEditable();
+            // }
             //this loop shows all rows and removes validRow attribute
             for(var j=this.refRow; j<this.nbRows; j++){
                 rows[j].style.display = '';
@@ -1506,349 +1488,11 @@ export class TableFilter{
         - Sets selection or edition features by loading
         ezEditTable script by Max Guglielmi
     =====================================================*/
-    setEditable(){
-        var ezEditConfig = this.ezEditTableCfg;
-        if(this.isImported(ezEditConfig.path)){
-            this._enableEditable();
-        } else {
-            this.import(ezEditConfig.name,
-                ezEditConfig.path, this._enableEditable);
-        }
-        if(ezEditConfig.loadStylesheet &&
-            !this.isImported(ezEditConfig.stylesheet, 'link')){
-            this.import(ezEditConfig.stylesheetName,
-                ezEditConfig.stylesheet, null, 'link');
-        }
-    }
-
-    /*====================================================
-        - Removes selection or edition features
-    =====================================================*/
-    removeEditable(){
-        var ezEditTable = this.ezEditTable;
-        if(ezEditTable){
-            if(this.selectable){
-                ezEditTable.Selection.ClearSelections();
-                ezEditTable.Selection.Remove();
-            }
-            if(this.editable){
-                ezEditTable.Editable.Remove();
-            }
-        }
-    }
-
-    /*====================================================
-        - Resets selection or edition features after
-        removal
-    =====================================================*/
-    resetEditable(){
-        var ezEditTable = this.ezEditTable;
-        if(ezEditTable){
-            if(this.selectable){
-                ezEditTable.Selection.Set();
-            }
-            if(this.editable){
-                ezEditTable.Editable.Set();
-            }
-        }
-    }
-
-    _enableEditable(o){
-        if(!o){ o = this; }
-
-        //start row for EditTable constructor needs to be calculated
-        var startRow,
-            ezEditConfig = o.ezEditTableCfg,
-            thead = dom.tag(o.tbl,'thead');
-
-        //if thead exists and startRow not specified, startRow is calculated
-        //automatically by EditTable
-        if(thead.length > 0 && !ezEditConfig.startRow){
-            startRow = undefined;
-        }
-        //otherwise startRow config property if any or TableFilter refRow
-        else{
-            startRow = ezEditConfig.startRow || o.refRow;
-        }
-
-        ezEditConfig.scroll_into_view = ezEditConfig.scroll_into_view===false ?
-            false : true;
-        ezEditConfig.base_path = ezEditConfig.base_path  ||
-            o.basePath + 'ezEditTable/';
-        ezEditConfig.editable = o.editable = o.cfg.editable;
-        ezEditConfig.selection = o.selectable = o.cfg.selectable;
-
-        if(o.selectable){
-            ezEditConfig.default_selection =
-                ezEditConfig.default_selection || 'row';
-        }
-        //CSS Styles
-        ezEditConfig.active_cell_css = ezEditConfig.active_cell_css ||
-            'ezETSelectedCell';
-
-        o._lastValidRowIndex = 0;
-        o._lastRowIndex = 0;
-
-        if(o.selectable){
-            //Row navigation needs to be calculated according to TableFilter's
-            //validRowsIndex array
-            var onAfterSelection = function(et, selectedElm, e){
-                var slc = et.Selection;
-                //Next valid filtered row needs to be selected
-                var doSelect = function(nextRowIndex){
-                    if(et.defaultSelection === 'row'){
-                        slc.SelectRowByIndex(nextRowIndex);
-                    } else {
-                        et.ClearSelections();
-                        var cellIndex = selectedElm.cellIndex,
-                            row = o.tbl.rows[nextRowIndex];
-                        if(et.defaultSelection === 'both'){
-                            slc.SelectRowByIndex(nextRowIndex);
-                        }
-                        if(row){
-                            slc.SelectCell(row.cells[cellIndex]);
-                        }
-                    }
-                    //Table is filtered
-                    if(o.validRowsIndex.length !== o.getRowsNb()){
-                        var r = o.tbl.rows[nextRowIndex];
-                        if(r){
-                            r.scrollIntoView(false);
-                        }
-                        if(cell){
-                            if(cell.cellIndex===(o.getCellsNb()-1) &&
-                                o.gridLayout){
-                                o.tblCont.scrollLeft = 100000000;
-                            }
-                            else if(cell.cellIndex===0 && o.gridLayout){
-                                o.tblCont.scrollLeft = 0;
-                            } else {
-                                cell.scrollIntoView(false);
-                            }
-                        }
-                    }
-                };
-
-                //table is not filtered
-                if(!o.validRowsIndex){
-                    return;
-                }
-                var validIndexes = o.validRowsIndex,
-                    validIdxLen = validIndexes.length,
-                    row = et.defaultSelection !== 'row' ?
-                        selectedElm.parentNode : selectedElm,
-                    //cell for default_selection = 'both' or 'cell'
-                    cell = selectedElm.nodeName==='TD' ? selectedElm : null,
-                    keyCode = e !== undefined ? et.Event.GetKey(e) : 0,
-                    isRowValid = array.has(validIndexes, row.rowIndex),
-                    nextRowIndex,
-                    //pgup/pgdown keys
-                    d = (keyCode === 34 || keyCode === 33 ?
-                        (o.pagingLength || et.nbRowsPerPage) : 1);
-
-                //If next row is not valid, next valid filtered row needs to be
-                //calculated
-                if(!isRowValid){
-                    //Selection direction up/down
-                    if(row.rowIndex>o._lastRowIndex){
-                        //last row
-                        if(row.rowIndex >= validIndexes[validIdxLen-1]){
-                            nextRowIndex = validIndexes[validIdxLen-1];
-                        } else {
-                            var calcRowIndex = (o._lastValidRowIndex + d);
-                            if(calcRowIndex > (validIdxLen-1)){
-                                nextRowIndex = validIndexes[validIdxLen-1];
-                            } else {
-                                nextRowIndex = validIndexes[calcRowIndex];
-                            }
-                        }
-                    } else{
-                        //first row
-                        if(row.rowIndex <= validIndexes[0]){
-                            nextRowIndex = validIndexes[0];
-                        } else {
-                            var v = validIndexes[o._lastValidRowIndex - d];
-                            nextRowIndex = v ? v : validIndexes[0];
-                        }
-                    }
-                    o._lastRowIndex = row.rowIndex;
-                    doSelect(nextRowIndex);
-                } else {
-                    //If filtered row is valid, special calculation for
-                    //pgup/pgdown keys
-                    if(keyCode!==34 && keyCode!==33){
-                        o._lastValidRowIndex = array.indexByValue(validIndexes,
-                            row.rowIndex);
-                        o._lastRowIndex = row.rowIndex;
-                    } else {
-                        if(keyCode === 34){ //pgdown
-                            //last row
-                            if((o._lastValidRowIndex + d) <= (validIdxLen-1)){
-                                nextRowIndex = validIndexes[
-                                o._lastValidRowIndex + d];
-                            } else {
-                                nextRowIndex = [validIdxLen-1];
-                            }
-                        } else { //pgup
-                            //first row
-                            if((o._lastValidRowIndex - d) <= validIndexes[0]){
-                                nextRowIndex = validIndexes[0];
-                            } else {
-                                nextRowIndex = validIndexes[
-                                    o._lastValidRowIndex - d];
-                            }
-                        }
-                        o._lastRowIndex = nextRowIndex;
-                        o._lastValidRowIndex = array.indexByValue(validIndexes,
-                            nextRowIndex);
-                        doSelect(nextRowIndex);
-                    }
-                }
-            };
-
-            //Page navigation has to be enforced whenever selected row is out of
-            //the current page range
-            var onBeforeSelection = function(et, selectedElm){
-                var row = et.defaultSelection !== 'row' ?
-                    selectedElm.parentNode : selectedElm;
-                if(o.paging){
-                    if(o.Cpt.paging.nbPages>1){
-                        var paging = o.Cpt.paging;
-                        //page length is re-assigned in case it has changed
-                        et.nbRowsPerPage = paging.pagingLength;
-                        var validIndexes = o.validRowsIndex,
-                            validIdxLen = validIndexes.length,
-                            pagingEndRow = parseInt(paging.startPagingRow, 10) +
-                                parseInt(paging.pagingLength, 10);
-                        var rowIndex = row.rowIndex;
-
-                        if((rowIndex === validIndexes[validIdxLen-1]) &&
-                            paging.currentPageNb!==paging.nbPages){
-                            paging.setPage('last');
-                        }
-                        else if((rowIndex == validIndexes[0]) &&
-                            paging.currentPageNb!==1){
-                            paging.setPage('first');
-                        }
-                        else if(rowIndex > validIndexes[pagingEndRow-1] &&
-                            rowIndex < validIndexes[validIdxLen-1]){
-                            paging.setPage('next');
-                        }
-                        else if(
-                            rowIndex < validIndexes[paging.startPagingRow] &&
-                            rowIndex > validIndexes[0]){
-                            paging.setPage('previous');
-                        }
-                    }
-                }
-            };
-
-            //Selected row needs to be visible when paging is activated
-            if(o.paging){
-                o.onAfterChangePage = function(tf){
-                    var et = tf.ExtRegistry.ezEditTable;
-                    var slc = et.Selection;
-                    var row = slc.GetActiveRow();
-                    if(row){
-                        row.scrollIntoView(false);
-                    }
-                    var cell = slc.GetActiveCell();
-                    if(cell){
-                        cell.scrollIntoView(false);
-                    }
-                };
-            }
-
-            //Rows navigation when rows are filtered is performed with the
-            //EditTable row selection callback events
-            if(ezEditConfig.default_selection==='row'){
-                var fnB = ezEditConfig.on_before_selected_row;
-                ezEditConfig.on_before_selected_row = function(){
-                    onBeforeSelection(arguments[0], arguments[1], arguments[2]);
-                    if(fnB){
-                        fnB.call(
-                            null, arguments[0], arguments[1], arguments[2]);
-                    }
-                };
-                var fnA = ezEditConfig.on_after_selected_row;
-                ezEditConfig.on_after_selected_row = function(){
-                    onAfterSelection(arguments[0], arguments[1], arguments[2]);
-                    if(fnA){
-                        fnA.call(
-                            null, arguments[0], arguments[1], arguments[2]);
-                    }
-                };
-            } else {
-                var fnD = ezEditConfig.on_before_selected_cell;
-                ezEditConfig.on_before_selected_cell = function(){
-                    onBeforeSelection(arguments[0], arguments[1], arguments[2]);
-                    if(fnD){
-                        fnD.call(
-                            null, arguments[0], arguments[1], arguments[2]);
-                    }
-                };
-                var fnC = ezEditConfig.on_after_selected_cell;
-                ezEditConfig.on_after_selected_cell = function(){
-                    onAfterSelection(arguments[0], arguments[1], arguments[2]);
-                    if(fnC){
-                        fnC.call(
-                            null, arguments[0], arguments[1], arguments[2]);
-                    }
-                };
-            }
-        }
-        if(o.editable){
-            //Added or removed rows, TF rows number needs to be re-calculated
-            var fnE = ezEditConfig.on_added_dom_row;
-            ezEditConfig.on_added_dom_row = function(){
-                o.nbFilterableRows++;
-                if(!o.paging){
-                    o.Cpt.rowsCounter.refresh();
-                } else {
-                    o.nbRows++;
-                    o.nbVisibleRows++;
-                    o.nbFilterableRows++;
-                    o.paging=false;
-                    o.Cpt.paging.destroy();
-                    o.Cpt.paging.addPaging();
-                }
-                if(o.alternateBgs){
-                    o.Cpt.alternateRows.init();
-                }
-                if(fnE){
-                    fnE.call(null, arguments[0], arguments[1], arguments[2]);
-                }
-            };
-            if(ezEditConfig.actions && ezEditConfig.actions['delete']){
-                var fnF = ezEditConfig.actions['delete'].on_after_submit;
-                ezEditConfig.actions['delete'].on_after_submit = function(){
-                    o.nbFilterableRows--;
-                    if(!o.paging){
-                        o.Cpt.rowsCounter.refresh();
-                    } else {
-                        o.nbRows--;
-                        o.nbVisibleRows--;
-                        o.nbFilterableRows--;
-                        o.paging=false;
-                        o.Cpt.paging.destroy();
-                        o.Cpt.paging.addPaging(false);
-                    }
-                    if(o.alternateBgs){
-                        o.Cpt.alternateRows.init();
-                    }
-                    if(fnF){
-                        fnF.call(null, arguments[0], arguments[1]);
-                    }
-                };
-            }
-        }
-
-        try{
-            o.ExtRegistry.ezEditTable = new EditTable(
-                o.id, ezEditConfig, startRow);
-            o.ExtRegistry.ezEditTable.Init();
-        } catch(e) { console.log(ezEditConfig.err); }
-    }
+    // setEditable(){
+    //     this.loadExtension({
+    //         name: 'advancedGrid'
+    //     });
+    // }
 
     /*====================================================
         - IE bug: it seems there is no way to make

From	Destination	Road Distance (km)	By Air (hrs)	By Rail (hrs)
Tot:
Sydney	Adelaide	1412	1.4	25.3
Sydney	Brisbane	982	1.5	16
Sydney	Canberra	286	.6	4.3
Sydney	Melbourne	872	1.1	10.5
Adelaide	Perth	2781	3.1	38
Adelaide	Alice Springs	1533	2	20.25
Adelaide	Brisbane	2045	2.15	40