diff --git a/dist/filtergrid.css b/dist/filtergrid.css
index 4d97fdea..cc33323f 100644
--- a/dist/filtergrid.css
+++ b/dist/filtergrid.css
@@ -1,6 +1,6 @@
 /*------------------------------------------------------------------------ 
 	- TableFilter stylesheet by Max Guglielmi 
-	- (build date: Sun Apr 12 2015 17:31:04) 
+	- (build date: Sun Apr 19 2015 21:04:24) 
 	- Edit below for your projects' needs  
 ------------------------------------------------------------------------*/ 
 
diff --git a/src-es6/extensions/colsVisibility/colsVisibility.js b/src-es6/extensions/colsVisibility/colsVisibility.js
index d43ea770..7d1a0b6f 100644
--- a/src-es6/extensions/colsVisibility/colsVisibility.js
+++ b/src-es6/extensions/colsVisibility/colsVisibility.js
@@ -1,6 +1,8 @@
 import {Dom} from '../../dom';
 import {Types} from '../../types';
 import {Event} from '../../event';
+import {Helpers} from '../../helpers';
+import {Arr} from '../../array';
 
 export class ColsVisibility{
 
@@ -14,7 +16,7 @@ export class ColsVisibility{
 
         this.colsVisibility = f.cols_visibility;
 
-        this.colVisExtLoaded = false;
+        this.colVisInitialized = false;
         this.colVisExtName = ext.name;
         this.colVisExtDesc = ext.description;
 
@@ -148,11 +150,55 @@ export class ColsVisibility{
         //Sets button
         // if(this.colVisManager) o.SetShowHideColsBtn();
         this.init();
-        this.colVisExtLoaded = true;
+        this.colVisInitialized = true;
     }
 
     toggle(evt){
+        var tf = this.tf;
+        var contDisplay = this.colVisContEl.style.display;
+        var onBeforeOpenColsManager = this.onBeforeOpenColsManager;
+        var onBeforeCloseColsManager = this.onBeforeCloseColsManager;
+        var onAfterOpenColsManager = this.onAfterOpenColsManager;
 
+        if(onBeforeOpenColsManager && contDisplay !== 'inline'){
+            onBeforeOpenColsManager.call(null, this);
+        }
+        if(onBeforeCloseColsManager && contDisplay === 'inline'){
+            onBeforeCloseColsManager.call(null, this);
+        }
+
+        this.colVisContEl.style.display = contDisplay === 'inline' ?
+            'none' : 'inline';
+
+        if(onAfterOpenColsManager && contDisplay !== 'inline'){
+            onAfterOpenColsManager.call(null, this);
+        }
+        if(onAfterCloseColsManager && contDisplay === 'inline'){
+            onAfterCloseColsManager.call(null, this);
+        }
+    }
+
+    checkItem(evt){
+        var li = event.target;
+        var lbl = Dom.tag(el, 'label')[0];
+        if(!li || !li.firstChild || !lbl){
+            return;
+        }
+        var isChecked = lbl.firstChild.checked;
+        var colIndex = lbl.firstChild.getAttribute('id').split('_')[1];
+        var parentNode = li.parentNode;
+        if(isChecked){
+            Dom.addClass(parentNode, this.colVisListSlcItemCssClass);
+        } else {
+            Dom.removeClass(parentNode, this.colVisListSlcItemCssClass);
+        }
+        // var hide = (this.TickToHide && isChecked) || (!this.TickToHide && !isChecked) ? true : false;
+        var hide = false;
+        if((this.colViseTickToHide && isChecked) ||
+            (!this.colVisTickToHide && !isChecked)){
+            hide = true;
+        }
+        this.setHidden(colIndex, hide);
     }
 
     init(){
@@ -169,13 +215,13 @@ export class ColsVisibility{
         if(this.btnColVisEl){
             return;
         }
-        var colVisSpan = Dom.createElm('span',
+        var colVisSpan = Dom.create('span',
             ['id', this.prfxColVisSpan+tf.id]);
         colVisSpan.className = this.colVisSpanCss;
 
         //Container element (rdiv or custom element)
         if(!this.btnColVisTgtId){
-            this.SetTopDiv();
+            tf.setToolbar();
         }
         var targetEl = !this.btnColVisTgtId ?
             tf.rDiv : Dom.id(this.btnColVisTgtId);
@@ -188,7 +234,7 @@ export class ColsVisibility{
         }
 
         if(!this.btnColVisHtml){
-            var btn = Dom.createElm('a', ['href','javascript:;']);
+            var btn = Dom.create('a', ['href','javascript:;']);
             btn.className = this.btnColVisCssClass;
             btn.title = this.colVisExtDesc;
 
@@ -220,29 +266,29 @@ export class ColsVisibility{
         this.btnColVisEl = this.colVisSpanEl.firstChild;
 
         // this.SetColsVisibilityManager();
-        this.setManager();
+        this.buildManager();
 
         if(this.onColsManagerLoaded){
             this.onColsManagerLoaded.call(null, this);
         }
     }
 
-    setManager(){
+    buildManager(){
         var tf = this.tf;
         // if(!this.hasGrid && !this.isFirstLoad) return;
 
         var container = !this.colVisContElTgtId ?
-            Dom.createElm('div', ['id', this.prfxColVisCont+tf.id]) :
+            Dom.create('div', ['id', this.prfxColVisCont+tf.id]) :
             Dom.id(this.colVisContElTgtId);
         container.className = this.colVisContCss;
 
         //Extension description
-        var extNameLabel = Dom.createElm('p');
+        var extNameLabel = Dom.create('p');
         extNameLabel.innerHTML = this.colVisText;
         container.appendChild(extNameLabel);
 
         //Headers list
-        var ul = Dom.createElm('ul' ,['id', 'ul'+this.colVisExtName+'_'+tf.id]);
+        var ul = Dom.create('ul' ,['id', 'ul'+this.colVisExtName+'_'+tf.id]);
         ul.className = this.colVisListCss;
 
         var tbl = this.colVisHeadersTbl ? this.colVisHeadersTbl : tf.tbl;
@@ -317,19 +363,21 @@ export class ColsVisibility{
         }
 
         //separator
-        var p = Dom.createElm('p', ['align','center']);
+        var p = Dom.create('p', ['align','center']);
         var btn;
         //Close link
         if(!this.btnColVisCloseHtml){
-            btn = Dom.createElm('a', ['href','javascript:;']);
+            btn = Dom.create('a', ['href','javascript:;']);
             btn.className = this.btnColVisCloseCssClass;
             btn.innerHTML = this.btnColVisCloseText;
-            btn.onclick = this.Evt._ShowColsVisibility;
+            // btn.onclick = this.Evt._ShowColsVisibility;
+            Event.add(btn, 'click', (evt)=> { this.toggle(evt); });
             p.appendChild(btn);
         } else {
             p.innerHTML = this.btnColVisCloseHtml;
             btn = p.firstChild;
-            btn.onclick = this.Evt._ShowColsVisibility;
+            // btn.onclick = this.Evt._ShowColsVisibility;
+            Event.add(btn, 'click', (evt)=> { this.toggle(evt); });
         }
 
         container.appendChild(ul);
@@ -354,6 +402,187 @@ export class ColsVisibility{
         }
     }
 
+    setHidden(colIndex, hide){
+        var tf = this.tf;
+        var col = Dom.tag(this.tbl, 'col')[colIndex];
+        //External headers
+        var col1 = this.colVisHeadersTbl ?
+            Dom.tag(this.colVisHeadersTbl, 'col')[colIndex] : null;
+
+        if(this.onBeforeColIsHidden && hide){
+            this.onBeforeColIsHidden.call(null, this, colIndex);
+        }
+        if(this.onBeforeColIsDisplayed && !hide){
+            this.onBeforeColIsDisplayed.call(null, this, colIndex);
+        }
+
+        //cols can be hidden only under IE
+        if(this.tblHasColTag && Helpers.isIE()){
+            var tbl = this.colVisHeadersTbl || tf.tbl;
+            var filtersRow = tbl.rows[tf.getFiltersRowIndex()];
+            var a1 = tf.getFiltersByType(tf.fltTypeSlc, true);
+            var a2 = tf.getFiltersByType(tf.fltTypeMulti, true);
+            var a = a1.concat(a2);
+
+            if(col){
+                col.style.display = hide ? 'none' : '';
+                //Selects are displayed even if column is hidden under IE6
+                if(a.indexOf(colIndex) !== -1){
+                    if(!this.colVisHeadersTbl){
+                        filtersRow.cells[colIndex].style.visibility = hide ?
+                            'hidden' : 'visible';
+                    }
+                    else{
+                        var flt = Dom.id(tf.fltIds[colIndex]);
+                        flt.style.visibility = hide ? 'hidden' : 'visible';
+                    }
+                }
+            }
+            if(col1){
+                col1.style.display = hide ? 'none' : '';
+            }
+        } else {
+            this._hideCells(o.tbl, colIndex, true);
+            if(this.colVisHeadersTbl){
+                this._hideCells(this.colVisHeadersTbl, colIndex, true);
+            }
+        }
+
+        var hiddenCols = this.colVisHiddenCols;
+        if(hide){
+            if(hiddenCols.indexOf(colIndex) === -1){
+                this.colVisHiddenCols.push(colIndex);
+            }
+        } else {
+            // var itemIndex = o.showHideHiddenCols.tf_IndexByValue(colIndex, true);
+            var itemIndex = Arr.indexByValue(hiddenCols, colIndex, true);
+            if(hiddenCols.indexOf(colIndex) !== -1){
+                this.colVisHiddenCols.splice(itemIndex, 1);
+            }
+        }
+
+        var gridLayout;
+        var headTbl;
+        var gridColElms;
+        if(this.onAfterColIsHidden && hide){
+            //This event is fired just after a column is displayed for
+            //grid_layout compatibility
+            if(tf.gridLayout){
+                //Returns the removed column widths
+                // function getHiddenWidth(){
+                //     var ths = o.headTbl.rows[o.showHideColsHeadersIndex].cells;
+                //     var hW = 0;
+                //     for(var i=0; i<o.nbCells; i++){
+                //         if(ths[i].style.display == 'none'){
+                //             var w = parseInt(ths[i].style.width);
+                //             ths[i].style.width = 0;
+                //             hW += w;
+                //         }
+                //     }
+                //     return hW;
+                // }
+                gridLayout = tf.Cpt.gridLayout;
+                headTbl = gridLayout.headTbl;
+                gridColElms = gridLayout.gridColElms;
+                if(Helpers.isIE()){
+                    tf.tbl.style.width = headTbl.clientWidth + 'px';
+                } else {
+                    var ths = headTbl.rows[this.colVisHeadersIndex].cells;
+                    var hiddenWidth = 0;
+                    for(var i=0; i<o.nbCells; i++){
+                        if(ths[i].style.display === 'none'){
+                            var w = parseInt(ths[i].style.width, 10);
+                            ths[i].style.width = 0;
+                            hiddenWidth += w;
+                        }
+                    }
+                    var headTblW = parseInt(headTbl.style.width, 10);
+
+                    headTbl.style.width = headTblW - hiddenWidth + 'px';
+                    tf.tbl.style.width = headTbl.style.width;
+                    gridColElms[colIndex].style.display = 'none';
+                }
+            }
+            this.onAfterColIsHidden.call(null, this, colIndex);
+        }
+
+        if(this.onAfterColIsDisplayed && !hide){
+            //This event is fired just after a column is displayed for
+            //grid_layout compatibility
+            if(tf.gridLayout /*&& (!tf_isIE && !tf_isIE7)*/){
+                gridLayout = tf.Cpt.gridLayout;
+                headTbl = gridLayout.headTbl;
+                gridColElms = gridLayout.gridColElms;
+                gridColElms[colIndex].style.display = '';
+                var width = parseInt(gridColElms[colIndex].style.width, 10);
+                gridLayout.crWColsRow.cells[colIndex].style.width = width +'px';
+                headTbl.style.width =
+                    (parseInt(headTbl.style.width, 10) + width) + 'px';
+                tf.tbl.style.width = headTbl.style.width;
+            }
+            this.onAfterColIsDisplayed.call(null, this, colIndex);
+        }
+    }
+
+    showCol(colIndex){
+        if(colIndex === undefined || !this.IsColHidden(colIndex)){
+            return;
+        }
+        if(this.colVisManager && this.colVisContEl){
+            var itm = Dom.id('col_'+colIndex+'_'+this.tf.id);
+            if(itm){ itm.click(); }
+        } else {
+            this.setHidden(colIndex, false);
+        }
+    }
+
+    hideCol(colIndex){
+        if(colIndex === undefined || this.IsColHidden(colIndex)){
+            return;
+        }
+        if(this.colVisManager && this.colVisContEl){
+            var itm = Dom.id('col_'+colIndex+'_'+this.tf.id);
+            if(itm){ itm.click(); }
+        } else {
+            this.setHidden(colIndex, true);
+        }
+    }
+
+    isColHidden(colIndex){
+        if(this.colVisHiddenCols.indexOf(colIndex) !== -1){
+            return true;
+        }
+        return false;
+    }
+
+    toggleCol(colIndex){
+        if(colIndex === undefined || this.IsColHidden(colIndex)){
+            this.ShowCol(colIndex);
+        } else {
+            this.HideCol(colIndex);
+        }
+    }
+
+    getHiddenCols(){
+        return this.colVisHiddenCols;
+    }
+
+    destroy(){
+        if(!this.btnColVisEl || !this.colVisContEl){
+            return;
+        }
+        if(Dom.id(this.colVisContElTgtId)){
+            Dom.id(this.colVisContElTgtId).innerHTML = '';
+        } else {
+            this.colVisContEl.innerHTML = '';
+            this.colVisContEl.parentNode.removeChild(this.colVisContEl);
+            this.colVisContEl = null;
+        }
+        this.btnColVisEl.innerHTML = '';
+        this.btnColVisEl.parentNode.removeChild(this.btnColVisEl);
+        this.btnColVisEl = null;
+        this.colVisInitialized = false;
+    }
 
     _getHeaderText(cell){
         if(!cell.hasChildNodes){
@@ -376,4 +605,14 @@ export class ColsVisibility{
         return '';
     }
 
+    _hideCells(tbl, colIndex, hide){
+        for(var i=0; i<tbl.rows.length; i++){
+            var row = tbl.rows[i];
+            var cell = row.cells[colIndex];
+            if(cell){
+                cell.style.display = hide ? 'none' : '';
+            }
+        }
+    }
+
 }
diff --git a/src-es6/tablefilter.js b/src-es6/tablefilter.js
index 338a030b..ae77acf9 100644
--- a/src-es6/tablefilter.js
+++ b/src-es6/tablefilter.js
@@ -40,6 +40,7 @@ import {ColOps} from 'modules/colOps';
 import 'extensions/sortabletable/sortabletable';
 import {AdapterSortableTable}
     from 'extensions/sortabletable/adapterSortabletable';
+import {ColsVisibility} from 'extensions/colsVisibility/colsVisibility';
 
 var global = window,
     isValidDate = dateHelper.isValid,
@@ -546,8 +547,10 @@ export default class TableFilter{
 
         /*** extensions ***/
         //imports external script
-        this.hasExtensions = f.extensions===true ? true : false;
-        this.extensions = this.hasExtensions ? f.extensions : null;
+        // this.hasExtensions = f.extensions===true ? true : false;
+        // this.extensions = this.hasExtensions ? f.extensions : null;
+        this.extensions = f.extensions;
+        this.hasExtensions = types.isArray(this.extensions);
 
         /*** themes ***/
         this.enableDefaultTheme = f.enable_default_theme===true ?
@@ -583,6 +586,8 @@ export default class TableFilter{
             ezEditTable: null
         };
 
+        this.Exts = [];
+
         /*** TF events ***/
         var o = this;
         this.Evt = {
@@ -1146,7 +1151,9 @@ export default class TableFilter{
 
         /* Loads extensions */
         if(this.hasExtensions){
-            this.LoadExtensions();
+            // this.loadExtensions();
+            this.registerExtensions();
+            this.initExtensions();
         }
 
         if(this.onFiltersLoaded){
@@ -1214,7 +1221,7 @@ export default class TableFilter{
                     void(0);
                 break;
                 case o.Evt.name.loadextensions:
-                    o._LoadExtensions();
+                    o._loadExtensions();
                 break;
                 case o.Evt.name.loadthemes:
                     o._LoadThemes();
@@ -1243,62 +1250,90 @@ export default class TableFilter{
         }
     }
 
-    ImportModule(module){
-        if(!module.path || !module.name){
+    registerExtensions(){
+        var exts = this.extensions;
+        if(exts.length === 0){
             return;
         }
-        this.includeFile(module.name, module.path, module.init);
+
+        for(var i=0; i<exts.length; i++){
+            var ext = exts[i];
+            if(this.Exts.indexOf(ext.name) === -1){
+                this.Exts.push(ext.name);
+            }
+        }
     }
 
-    LoadExtensions(){
-        if(!this.Ext){
-            /*** TF extensions ***/
-            var o = this;
-            this.Ext = {
-                list: {},
-                add: function(extName, extDesc, extPath, extCallBack){
-                    var file = extPath.split('/')[extPath.split('/').length-1],
-                        re = new RegExp(file),
-                        path = extPath.replace(re,'');
-                    o.Ext.list[extName] = {
-                        name: extName,
-                        description: extDesc,
-                        file: file,
-                        path: path,
-                        callback: extCallBack
-                    };
-                }
-            };
+    initExtensions(){
+        var exts = this.extensions;
+        if(exts.length === 0){
+            return;
+        }
+
+        for(var i=0; i<exts.length; i++){
+            var tf = this;
+            var ext = exts[i];
+            var inst = eval('new '+ exts[i].name+'(tf, ext);');
+            console.log(inst);
         }
-        this.EvtManager(this.Evt.name.loadextensions);
     }
 
+    // ImportModule(module){
+    //     if(!module.path || !module.name){
+    //         return;
+    //     }
+    //     this.includeFile(module.name, module.path, module.init);
+    // }
+
+    // loadExtensions(){
+    //     if(!this.Ext){
+    //         /*** TF extensions ***/
+    //         var o = this;
+    //         this.Ext = {
+    //             list: {},
+    //             add: function(extName, extDesc, extPath, extCallBack){
+    //                 var file = extPath.split('/')[extPath.split('/').length-1],
+    //                     re = new RegExp(file),
+    //                     path = extPath.replace(re,'');
+    //                 o.Ext.list[extName] = {
+    //                     name: extName,
+    //                     description: extDesc,
+    //                     file: file,
+    //                     path: path,
+    //                     callback: extCallBack
+    //                 };
+    //             }
+    //         };
+    //     }
+    //     this.EvtManager(this.Evt.name.loadextensions);
+    // }
+
     /*====================================================
         - loads TF extensions
     =====================================================*/
-    _LoadExtensions(){
-        if(!this.hasExtensions || !types.isArray(this.extensions.name) ||
-            !types.isArray(this.extensions.src)){
-            return;
-        }
-        var ext = this.extensions;
-        for(var e=0; e<ext.name.length; e++){
-            var extPath = ext.src[e],
-                extName = ext.name[e],
-                extInit = (ext.initialize && ext.initialize[e]) ?
-                    ext.initialize[e] : null,
-                extDesc = (ext.description && ext.description[e] ) ?
-                    ext.description[e] : null;
+    // _LoadExtensions(){
+    //     if(!this.hasExtensions || !types.isArray(this.extensions.name) ||
+    //         !types.isArray(this.extensions.src)){
+    //         return;
+    //     }
+    //     var ext = this.extensions;
+    //     for(var e=0; e<ext.name.length; e++){
+    //         var extPath = ext.src[e],
+    //             extName = ext.name[e],
+    //            extInit = (ext.initialize && ext.initialize[e]) ?
+    //                 ext.initialize[e] : null,
+    //             extDesc = (ext.description && ext.description[e] ) ?
+    //                 ext.description[e] : null;
 
-            //Registers extension
-            this.Ext.add(extName, extDesc, extPath, extInit);
-            if(this.isImported(extPath)){
-                extInit.call(null,this);
-            } else {
-                this.includeFile(extName, extPath, extInit);
-            }
-        }
-    }
+    //         //Registers extension
+    //         this.Ext.add(extName, extDesc, extPath, extInit);
+    //         if(this.isImported(extPath)){
+    //             extInit.call(null,this);
+    //         } else {
+    //             this.includeFile(extName, extPath, extInit);
+    //         }
+    //     }
+    // }
 
     LoadThemes(){
         this.EvtManager(this.Evt.name.loadthemes);
diff --git a/src/extensions/colsVisibility/colsVisibility.js b/src/extensions/colsVisibility/colsVisibility.js
new file mode 100644
index 00000000..0a8f4135
--- /dev/null
+++ b/src/extensions/colsVisibility/colsVisibility.js
@@ -0,0 +1,639 @@
+define(["exports", "../../dom", "../../types", "../../event", "../../helpers", "../../array"], function (exports, _dom, _types, _event, _helpers, _array) {
+    "use strict";
+
+    var _createClass = (function () { function defineProperties(target, props) { for (var key in props) { var prop = props[key]; prop.configurable = true; if (prop.value) prop.writable = true; } Object.defineProperties(target, props); } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+    var _classCallCheck = function (instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } };
+
+    Object.defineProperty(exports, "__esModule", {
+        value: true
+    });
+    var Dom = _dom.Dom;
+    var Types = _types.Types;
+    var Event = _event.Event;
+    var Helpers = _helpers.Helpers;
+    var Arr = _array.Arr;
+
+    var ColsVisibility = exports.ColsVisibility = (function () {
+
+        /**
+         * Columns Visibility extension
+         * @param {Object} tf TableFilter instance
+         */
+
+        function ColsVisibility(tf, ext) {
+            _classCallCheck(this, ColsVisibility);
+
+            // Configuration object
+            var f = tf.config();
+
+            this.colsVisibility = f.cols_visibility;
+
+            this.colVisInitialized = false;
+            this.colVisExtName = ext.name;
+            this.colVisExtDesc = ext.description;
+
+            //show/hide cols span element
+            this.colVisSpanEl = null;
+            //show/hide cols button element
+            this.btnColVisEl = null;
+            //show/hide cols container div element
+            this.colVisContEl = null;
+
+            //tick to hide or show column
+            this.colVisTickToHide = Boolean(f.colvis_tick_to_hide || true);
+            //enables/disables cols manager generation
+            this.colVisManager = Boolean(f.colvis_manager || true);
+            //only if external headers
+            this.colVisHeadersTbl = f.colvis_headers_table || null;
+            //only if external headers
+            this.colVisHeadersIndex = f.colvis_headers_index || 1;
+            //id of container element
+            this.colVisContElTgtId = f.colvis_container_target_id || null;
+            //alternative headers text
+            this.colVisHeadersText = f.colvis_headers_text || null;
+            //id of button container element
+            this.btnColVisTgtId = f.btn_colvis_target_id || null;
+            //defines show/hide cols text
+            this.btnColVisText = f.btn_colvis_text || "Display columns&#9660;";
+            //defines show/hide cols button innerHtml
+            this.btnColVisHtml = f.btn_colvis_html || null;
+            //defines css class for show/hide cols button
+            this.btnColVisCssClass = f.btn_colvis_css_class || "colVis";
+            //defines close link text
+            this.btnColVisCloseText = f.btn_colvis_close_text || "Close";
+            //defines close button innerHtml
+            this.btnColVisCloseHtml = f.btn_colvis_close_html || null;
+            //defines css class for close button
+            this.btnColVisCloseCssClass = f.btn_colvis_close_css_class || this.btnColVisCssClass;
+
+            this.colVisExtPath = ext.path || "TFExt_ColsVisibility/";
+            this.colVisStylesheet = "TFExt_ColsVisibility.css";
+            //span containing show/hide cols button
+            this.prfxColVisSpan = "colVis_";
+            //defines css class span containing show/hide cols
+            this.colVisSpanCss = f.colvis_span_css_class || "colVisSpan";
+            this.prfxColVisCont = "colVisCont_";
+            //defines css class div containing show/hide cols
+            this.colVisContCss = f.colvis_cont_css_class || "colVisCont";
+            //defines css class for cols list (ul)
+            this.colVisListCss = f.colvis_list_css_class || "cols_checklist";
+            //defines css class for list item (li)
+            this.colVisListItemCssClass = f.checklist_item_css_class || "cols_checklist_item";
+            //defines css class for selected list item (li)
+            this.colVisListSlcItemCssClass = f.checklist_selected_item_css_class || "cols_checklist_slc_item";
+            //text preceding columns list
+            this.colVisText = f.colvis_text || "Hide columns: ";
+            this.colVisAtStart = f.colvis_at_start || null;
+            this.colVisEnableHover = Boolean(f.colvis_enable_hover) || false;
+            //enables select all option
+            this.colVisEnableTickAll = Boolean(f.colvis_enable_tick_all) || false;
+            //text preceding columns list
+            this.colVisTickAllText = f.colvis_tick_all_text || "Select all:";
+            this.colVisIsOpen = false;
+            //array containing hidden columns indexes
+            this.colVisHiddenCols = [];
+            this.tblHasColTag = Dom.tag(tf.tbl, "col").length > 0;
+
+            //callback invoked just after cols manager is loaded
+            this.onColsManagerLoaded = Types.isFn(f.on_cols_manager_loaded) ? f.on_cols_manager_loaded : null;
+            //calls function before cols manager is opened
+            this.onBeforeOpenColsManager = Types.isFn(f.on_before_open_cols_manager) ? f.on_before_open_cols_manager : null;
+            //calls function after cols manager is opened
+            this.onAfterOpenColsManager = Types.isFn(f.on_after_open_cols_manager) ? f.on_after_open_cols_manager : null;
+            //calls function before cols manager is closed
+            this.onBeforeCloseColsManager = Types.isFn(f.on_before_close_cols_manager) ? f.on_before_close_cols_manager : null;
+            //calls function after cols manager is closed
+            this.onAfterCloseColsManager = Types.isFn(f.on_after_close_cols_manager) ? f.on_after_close_cols_manager : null;
+
+            //calls function before col is hidden
+            this.onBeforeColIsHidden = Types.isFn(f.on_before_col_is_hidden) ? f.on_before_col_is_hidden : null;
+            //calls function after col is hidden
+            this.onAfterColIsHidden = Types.isFn(f.on_after_col_is_hidden) ? f.on_after_col_is_hidden : null;
+            //calls function before col is displayed
+            this.onBeforeColIsDisplayed = Types.isFn(f.on_before_col_is_displayed) ? f.on_before_col_is_displayed : null;
+            //calls function after col is displayed
+            this.onAfterColIsDisplayed = Types.isFn(f.on_after_col_is_displayed) ? f.on_after_col_is_displayed : null;
+
+            //Grid layout compatibility
+            if (tf.gridLayout) {
+                this.colVisHeadersTbl = tf.headTbl; //headers table
+                this.colVisHeadersIndex = 0; //headers index
+                this.onAfterColIsDisplayed = function () {};
+                this.onAfterColIsHidden = function () {};
+            }
+
+            //Extension event definition
+            //event name for TF event manager
+            tf.Evt.name.colsvisibility = "ShowColsVisibility";
+            //event status message
+            tf.msgShowColsVisibility = "Show/Hide columns";
+            tf.Evt._ShowColsVisibility = function () {
+                o.ShowColsVisibility();
+            };
+            //event name for TF event manager
+            tf.Evt.name.checkitem = "CheckItem";
+            //event status message
+            tf.msgCheckItem = "Showing/hiding columns";
+            tf.Evt._CheckItem = function (li) {
+                o.CheckItem(li);
+            };
+
+            //Loads extension stylesheet
+            tf.includeFile(ext.name + "Style", this.colVisExtPath + this.colVisStylesheet, null, "link");
+
+            this.tf = tf;
+
+            //Sets button
+            // if(this.colVisManager) o.SetShowHideColsBtn();
+            this.init();
+            this.colVisInitialized = true;
+        }
+
+        _createClass(ColsVisibility, {
+            toggle: {
+                value: function toggle(evt) {
+                    var tf = this.tf;
+                    var contDisplay = this.colVisContEl.style.display;
+                    var onBeforeOpenColsManager = this.onBeforeOpenColsManager;
+                    var onBeforeCloseColsManager = this.onBeforeCloseColsManager;
+                    var onAfterOpenColsManager = this.onAfterOpenColsManager;
+
+                    if (onBeforeOpenColsManager && contDisplay !== "inline") {
+                        onBeforeOpenColsManager.call(null, this);
+                    }
+                    if (onBeforeCloseColsManager && contDisplay === "inline") {
+                        onBeforeCloseColsManager.call(null, this);
+                    }
+
+                    this.colVisContEl.style.display = contDisplay === "inline" ? "none" : "inline";
+
+                    if (onAfterOpenColsManager && contDisplay !== "inline") {
+                        onAfterOpenColsManager.call(null, this);
+                    }
+                    if (onAfterCloseColsManager && contDisplay === "inline") {
+                        onAfterCloseColsManager.call(null, this);
+                    }
+                }
+            },
+            checkItem: {
+                value: function checkItem(evt) {
+                    var li = event.target;
+                    var lbl = Dom.tag(el, "label")[0];
+                    if (!li || !li.firstChild || !lbl) {
+                        return;
+                    }
+                    var isChecked = lbl.firstChild.checked;
+                    var colIndex = lbl.firstChild.getAttribute("id").split("_")[1];
+                    var parentNode = li.parentNode;
+                    if (isChecked) {
+                        Dom.addClass(parentNode, this.colVisListSlcItemCssClass);
+                    } else {
+                        Dom.removeClass(parentNode, this.colVisListSlcItemCssClass);
+                    }
+                    // var hide = (this.TickToHide && isChecked) || (!this.TickToHide && !isChecked) ? true : false;
+                    var hide = false;
+                    if (this.colViseTickToHide && isChecked || !this.colVisTickToHide && !isChecked) {
+                        hide = true;
+                    }
+                    this.setHidden(colIndex, hide);
+                }
+            },
+            init: {
+                value: function init() {
+                    if (this.colVisManager) {
+                        this.buildBtn();
+                    }
+                }
+            },
+            buildBtn: {
+                value: function buildBtn() {
+                    var _this = this;
+
+                    var tf = this.tf;
+                    // if(!tf.hasGrid && !tf.isFirstLoad){
+                    //     return;
+                    // }
+                    if (this.btnColVisEl) {
+                        return;
+                    }
+                    var colVisSpan = Dom.create("span", ["id", this.prfxColVisSpan + tf.id]);
+                    colVisSpan.className = this.colVisSpanCss;
+
+                    //Container element (rdiv or custom element)
+                    if (!this.btnColVisTgtId) {
+                        tf.setToolbar();
+                    }
+                    var targetEl = !this.btnColVisTgtId ? tf.rDiv : Dom.id(this.btnColVisTgtId);
+
+                    if (this.btnColVisTgtId) {
+                        targetEl.firstChild.parentNode.insertBefore(colVisSpan, targetEl.firstChild);
+                    } else {
+                        targetEl.appendChild(colVisSpan);
+                    }
+
+                    if (!this.btnColVisHtml) {
+                        var btn = Dom.create("a", ["href", "javascript:;"]);
+                        btn.className = this.btnColVisCssClass;
+                        btn.title = this.colVisExtDesc;
+
+                        btn.innerHTML = this.btnColVisText;
+                        colVisSpan.appendChild(btn);
+                        if (!this.colVisEnableHover) {
+                            // btn.onclick = this.Evt._ShowColsVisibility;
+                            Event.add(btn, "click", function (evt) {
+                                _this.toggle(evt);
+                            });
+                        } else {
+                            // var o = this;
+                            // btn.onmouseover = this.Evt._ShowColsVisibility;
+                            Event.add(btn, "mouseover", function (evt) {
+                                _this.toggle(evt);
+                            });
+                        }
+                    } else {
+                        //Custom html
+                        colVisSpan.innerHTML = this.btnColVisHtml;
+                        var colVisEl = colVisSpan.firstChild;
+                        if (!this.colVisEnableHover) {
+                            // colVisEl.onclick = this.Evt._ShowColsVisibility;
+                            Event.add(colVisEl, "click", function (evt) {
+                                _this.toggle(evt);
+                            });
+                        } else {
+                            // colVisEl.onmouseover = this.Evt._ShowColsVisibility;
+                            Event.add(colVisEl, "mouseover", function (evt) {
+                                _this.toggle(evt);
+                            });
+                        }
+                    }
+
+                    this.colVisSpanEl = colVisSpan;
+                    this.btnColVisEl = this.colVisSpanEl.firstChild;
+
+                    // this.SetColsVisibilityManager();
+                    this.buildManager();
+
+                    if (this.onColsManagerLoaded) {
+                        this.onColsManagerLoaded.call(null, this);
+                    }
+                }
+            },
+            buildManager: {
+                value: function buildManager() {
+                    var _this = this;
+
+                    var tf = this.tf;
+                    // if(!this.hasGrid && !this.isFirstLoad) return;
+
+                    var container = !this.colVisContElTgtId ? Dom.create("div", ["id", this.prfxColVisCont + tf.id]) : Dom.id(this.colVisContElTgtId);
+                    container.className = this.colVisContCss;
+
+                    //Extension description
+                    var extNameLabel = Dom.create("p");
+                    extNameLabel.innerHTML = this.colVisText;
+                    container.appendChild(extNameLabel);
+
+                    //Headers list
+                    var ul = Dom.create("ul", ["id", "ul" + this.colVisExtName + "_" + tf.id]);
+                    ul.className = this.colVisListCss;
+
+                    var tbl = this.colVisHeadersTbl ? this.colVisHeadersTbl : tf.tbl;
+                    var headerIndex = this.colVisHeadersTbl ? this.colVisHeadersIndex : tf.getHeadersRowIndex();
+                    var headerRow = tbl.rows[headerIndex];
+
+                    //Tick all option
+                    if (this.colVisEnableTickAll) {
+                        var li = tf_CreateCheckItem("col__" + tf.id, this.colVisTickAllText, this.colVisTickAllText);
+                        Dom.addClass(li, this.colVisListItemCssClass);
+                        ul.appendChild(li);
+                        var isAllTicked = false;
+                        // li.check.onclick = function(){
+                        //     for(var h=0; h<headerRow.cells.length; h++)
+                        //     {
+                        //         var itm = tf_Id('col_'+h+'_'+o.id);
+                        //         if(!isAllTicked && itm.checked) itm.checked = false;
+                        //         if(isAllTicked && !itm.checked) itm.checked = true;
+                        //         if(itm) itm.click();
+                        //     }
+                        //     isAllTicked = (isAllTicked ? false : true);
+                        // };
+
+                        Event.add(li.check, "click", function (evt) {
+                            for (var h = 0; h < headerRow.cells.length; h++) {
+                                var itm = Dom.id("col_" + h + "_" + tf.id);
+                                if (!isAllTicked && itm.checked) {
+                                    itm.checked = false;
+                                }
+                                if (isAllTicked && !itm.checked) {
+                                    itm.checked = true;
+                                }
+                                if (itm) {
+                                    itm.click();
+                                }
+                            }
+                            isAllTicked = !isAllTicked;
+                        });
+
+                        // if(tf_isIE)
+                        // {//IE: label looses check capability
+                        //     li.label.onclick = function(){ this.firstChild.click(); };
+                        // }
+                    }
+
+                    for (var i = 0; i < headerRow.cells.length; i++) {
+                        var cell = headerRow.cells[i];
+                        var cellText = this.colVisHeadersText && this.colVisHeadersText[i] ? this.colVisHeadersText[i] : this._getHeaderText(cell);
+                        var liElm = Dom.createCheckItem("col_" + i + "_" + tf.id, cellText, cellText);
+                        Dom.addClass(liElm, this.colVisListItemCssClass);
+                        if (!this.colVisTickToHide) {
+                            Dom.addClass(liElm, this.colVisListSlcItemCssClass);
+                        }
+                        ul.appendChild(liElm);
+                        if (!this.colVisTickToHide) {
+                            liElm.check.checked = true;
+                        }
+                        // liElm.check.onclick = function(){ o.Evt._CheckItem(this.parentNode); };
+                        Event.add(liElm.check, "click", function (evt) {
+                            var elm = evt.target;
+                            _this.checkItem(elm.parentNode);
+                        });
+
+                        // if(tf_isIE)
+                        // {//IE: label looses check capability
+                        //     li.label.onclick = function(){ this.firstChild.click(); };
+                        // }
+                    }
+
+                    //separator
+                    var p = Dom.create("p", ["align", "center"]);
+                    var btn;
+                    //Close link
+                    if (!this.btnColVisCloseHtml) {
+                        btn = Dom.create("a", ["href", "javascript:;"]);
+                        btn.className = this.btnColVisCloseCssClass;
+                        btn.innerHTML = this.btnColVisCloseText;
+                        // btn.onclick = this.Evt._ShowColsVisibility;
+                        Event.add(btn, "click", function (evt) {
+                            _this.toggle(evt);
+                        });
+                        p.appendChild(btn);
+                    } else {
+                        p.innerHTML = this.btnColVisCloseHtml;
+                        btn = p.firstChild;
+                        // btn.onclick = this.Evt._ShowColsVisibility;
+                        Event.add(btn, "click", function (evt) {
+                            _this.toggle(evt);
+                        });
+                    }
+
+                    container.appendChild(ul);
+                    container.appendChild(p);
+
+                    this.btnColVisEl.parentNode.insertBefore(container, this.btnColVisEl);
+                    this.colVisContEl = container;
+
+                    //IE6 only: options are not checked if colVisTickToHide=false
+                    // if(tf_isIE && !o.colVisTickToHide)
+                    //     for(var i=0; i<headerRow.cells.length; i++)
+                    //         tf_Id('col_'+i+'_'+o.id).checked = true;
+
+                    if (this.colVisAtStart) {
+                        var a = this.colVisAtStart;
+                        for (var k = 0; k < a.length; k++) {
+                            var itm = Dom.id("col_" + a[k] + "_" + tf.id);
+                            if (itm) {
+                                itm.click();
+                            }
+                        }
+                    }
+                }
+            },
+            setHidden: {
+                value: function setHidden(colIndex, hide) {
+                    var tf = this.tf;
+                    var col = Dom.tag(this.tbl, "col")[colIndex];
+                    //External headers
+                    var col1 = this.colVisHeadersTbl ? Dom.tag(this.colVisHeadersTbl, "col")[colIndex] : null;
+
+                    if (this.onBeforeColIsHidden && hide) {
+                        this.onBeforeColIsHidden.call(null, this, colIndex);
+                    }
+                    if (this.onBeforeColIsDisplayed && !hide) {
+                        this.onBeforeColIsDisplayed.call(null, this, colIndex);
+                    }
+
+                    //cols can be hidden only under IE
+                    if (this.tblHasColTag && Helpers.isIE()) {
+                        var tbl = this.colVisHeadersTbl || tf.tbl;
+                        var filtersRow = tbl.rows[tf.getFiltersRowIndex()];
+                        var a1 = tf.getFiltersByType(tf.fltTypeSlc, true);
+                        var a2 = tf.getFiltersByType(tf.fltTypeMulti, true);
+                        var a = a1.concat(a2);
+
+                        if (col) {
+                            col.style.display = hide ? "none" : "";
+                            //Selects are displayed even if column is hidden under IE6
+                            if (a.indexOf(colIndex) !== -1) {
+                                if (!this.colVisHeadersTbl) {
+                                    filtersRow.cells[colIndex].style.visibility = hide ? "hidden" : "visible";
+                                } else {
+                                    var flt = Dom.id(tf.fltIds[colIndex]);
+                                    flt.style.visibility = hide ? "hidden" : "visible";
+                                }
+                            }
+                        }
+                        if (col1) {
+                            col1.style.display = hide ? "none" : "";
+                        }
+                    } else {
+                        this._hideCells(o.tbl, colIndex, true);
+                        if (this.colVisHeadersTbl) {
+                            this._hideCells(this.colVisHeadersTbl, colIndex, true);
+                        }
+                    }
+
+                    var hiddenCols = this.colVisHiddenCols;
+                    if (hide) {
+                        if (hiddenCols.indexOf(colIndex) === -1) {
+                            this.colVisHiddenCols.push(colIndex);
+                        }
+                    } else {
+                        // var itemIndex = o.showHideHiddenCols.tf_IndexByValue(colIndex, true);
+                        var itemIndex = Arr.indexByValue(hiddenCols, colIndex, true);
+                        if (hiddenCols.indexOf(colIndex) !== -1) {
+                            this.colVisHiddenCols.splice(itemIndex, 1);
+                        }
+                    }
+
+                    var gridLayout;
+                    var headTbl;
+                    var gridColElms;
+                    if (this.onAfterColIsHidden && hide) {
+                        //This event is fired just after a column is displayed for
+                        //grid_layout compatibility
+                        if (tf.gridLayout) {
+                            //Returns the removed column widths
+                            // function getHiddenWidth(){
+                            //     var ths = o.headTbl.rows[o.showHideColsHeadersIndex].cells;
+                            //     var hW = 0;
+                            //     for(var i=0; i<o.nbCells; i++){
+                            //         if(ths[i].style.display == 'none'){
+                            //             var w = parseInt(ths[i].style.width);
+                            //             ths[i].style.width = 0;
+                            //             hW += w;
+                            //         }
+                            //     }
+                            //     return hW;
+                            // }
+                            gridLayout = tf.Cpt.gridLayout;
+                            headTbl = gridLayout.headTbl;
+                            gridColElms = gridLayout.gridColElms;
+                            if (Helpers.isIE()) {
+                                tf.tbl.style.width = headTbl.clientWidth + "px";
+                            } else {
+                                var ths = headTbl.rows[this.colVisHeadersIndex].cells;
+                                var hiddenWidth = 0;
+                                for (var i = 0; i < o.nbCells; i++) {
+                                    if (ths[i].style.display === "none") {
+                                        var w = parseInt(ths[i].style.width, 10);
+                                        ths[i].style.width = 0;
+                                        hiddenWidth += w;
+                                    }
+                                }
+                                var headTblW = parseInt(headTbl.style.width, 10);
+
+                                headTbl.style.width = headTblW - hiddenWidth + "px";
+                                tf.tbl.style.width = headTbl.style.width;
+                                gridColElms[colIndex].style.display = "none";
+                            }
+                        }
+                        this.onAfterColIsHidden.call(null, this, colIndex);
+                    }
+
+                    if (this.onAfterColIsDisplayed && !hide) {
+                        //This event is fired just after a column is displayed for
+                        //grid_layout compatibility
+                        if (tf.gridLayout /*&& (!tf_isIE && !tf_isIE7)*/) {
+                            gridLayout = tf.Cpt.gridLayout;
+                            headTbl = gridLayout.headTbl;
+                            gridColElms = gridLayout.gridColElms;
+                            gridColElms[colIndex].style.display = "";
+                            var width = parseInt(gridColElms[colIndex].style.width, 10);
+                            gridLayout.crWColsRow.cells[colIndex].style.width = width + "px";
+                            headTbl.style.width = parseInt(headTbl.style.width, 10) + width + "px";
+                            tf.tbl.style.width = headTbl.style.width;
+                        }
+                        this.onAfterColIsDisplayed.call(null, this, colIndex);
+                    }
+                }
+            },
+            showCol: {
+                value: function showCol(colIndex) {
+                    if (colIndex === undefined || !this.IsColHidden(colIndex)) {
+                        return;
+                    }
+                    if (this.colVisManager && this.colVisContEl) {
+                        var itm = Dom.id("col_" + colIndex + "_" + this.tf.id);
+                        if (itm) {
+                            itm.click();
+                        }
+                    } else {
+                        this.setHidden(colIndex, false);
+                    }
+                }
+            },
+            hideCol: {
+                value: function hideCol(colIndex) {
+                    if (colIndex === undefined || this.IsColHidden(colIndex)) {
+                        return;
+                    }
+                    if (this.colVisManager && this.colVisContEl) {
+                        var itm = Dom.id("col_" + colIndex + "_" + this.tf.id);
+                        if (itm) {
+                            itm.click();
+                        }
+                    } else {
+                        this.setHidden(colIndex, true);
+                    }
+                }
+            },
+            isColHidden: {
+                value: function isColHidden(colIndex) {
+                    if (this.colVisHiddenCols.indexOf(colIndex) !== -1) {
+                        return true;
+                    }
+                    return false;
+                }
+            },
+            toggleCol: {
+                value: function toggleCol(colIndex) {
+                    if (colIndex === undefined || this.IsColHidden(colIndex)) {
+                        this.ShowCol(colIndex);
+                    } else {
+                        this.HideCol(colIndex);
+                    }
+                }
+            },
+            getHiddenCols: {
+                value: function getHiddenCols() {
+                    return this.colVisHiddenCols;
+                }
+            },
+            destroy: {
+                value: function destroy() {
+                    if (!this.btnColVisEl || !this.colVisContEl) {
+                        return;
+                    }
+                    if (Dom.id(this.colVisContElTgtId)) {
+                        Dom.id(this.colVisContElTgtId).innerHTML = "";
+                    } else {
+                        this.colVisContEl.innerHTML = "";
+                        this.colVisContEl.parentNode.removeChild(this.colVisContEl);
+                        this.colVisContEl = null;
+                    }
+                    this.btnColVisEl.innerHTML = "";
+                    this.btnColVisEl.parentNode.removeChild(this.btnColVisEl);
+                    this.btnColVisEl = null;
+                    this.colVisInitialized = false;
+                }
+            },
+            _getHeaderText: {
+                value: function _getHeaderText(cell) {
+                    if (!cell.hasChildNodes) {
+                        return "";
+                    }
+
+                    for (var i = 0; i < cell.childNodes.length; i++) {
+                        var n = cell.childNodes[i];
+                        if (n.nodeType === 3) {
+                            return n.nodeValue;
+                        } else if (n.nodeType === 1) {
+                            if (n.id && n.id.indexOf("popUp") !== -1) {
+                                continue;
+                            } else {
+                                return Dom.getText(n);
+                            }
+                        }
+                        continue;
+                    }
+                    return "";
+                }
+            },
+            _hideCells: {
+                value: function _hideCells(tbl, colIndex, hide) {
+                    for (var i = 0; i < tbl.rows.length; i++) {
+                        var row = tbl.rows[i];
+                        var cell = row.cells[colIndex];
+                        if (cell) {
+                            cell.style.display = hide ? "none" : "";
+                        }
+                    }
+                }
+            }
+        });
+
+        return ColsVisibility;
+    })();
+});
+//# sourceMappingURL=colsVisibility.js.map
\ No newline at end of file
diff --git a/src/index.html b/src/index.html
index 0f1d361d..3b80c108 100644
--- a/src/index.html
+++ b/src/index.html
@@ -113,25 +113,33 @@
                 // remember_page_length: true,
                 fill_slc_on_demand: false,
                 linked_filters: false,
-                popup_filters: true,
+                popup_filters: false,
                 alternate_rows: true,
                 highlight_keywords: true,
                 match_case: false,
                 btn_reset: true,
                 status_bar: true,
                 watermark: [null, 'Filter column...', null, null, 'Helo'],
-                selectable: true,
-                editable: true,
+                selectable: false,
+                editable: false,
                 ezEditTable_config:{
                     default_selection: 'both',
                     loadStylesheet: true
                 },
-                grid_layout: true,
+                grid_layout: false,
                 // grid_width: '500px',
                 // grid_height: '200px',
                 on_before_show_msg: function(tf){
                     // console.log('on_before_show_msg');
-                }
+                },
+
+                extensions: [{
+                    /*** Columns Visibility Manager extension load ***/
+                    name: 'ColsVisibility',
+                    src: 'TableFilter/TFExt_ColsVisibility/TFExt_ColsVisibility.js',
+                    description: 'Columns visibility manager'/*,
+                    initialize: function(o){o.SetColsVisibility();}*/
+                }]
             });
 
             tf.init();
diff --git a/src/tablefilter.js b/src/tablefilter.js
index ad407197..a0985ea3 100644
--- a/src/tablefilter.js
+++ b/src/tablefilter.js
@@ -1,4 +1,4 @@
-define(["exports", "module", "event", "dom", "string", "cookie", "types", "array", "helpers", "date", "sort", "modules/store", "modules/gridLayout", "modules/loader", "modules/highlightKeywords", "modules/popupFilter", "modules/dropdown", "modules/checkList", "modules/rowsCounter", "modules/statusBar", "modules/paging", "modules/clearButton", "modules/help", "modules/alternateRows", "modules/colOps", "extensions/sortabletable/sortabletable", "extensions/sortabletable/adapterSortabletable"], function (exports, module, _event, _dom, _string, _cookie, _types, _array, _helpers, _date, _sort, _modulesStore, _modulesGridLayout, _modulesLoader, _modulesHighlightKeywords, _modulesPopupFilter, _modulesDropdown, _modulesCheckList, _modulesRowsCounter, _modulesStatusBar, _modulesPaging, _modulesClearButton, _modulesHelp, _modulesAlternateRows, _modulesColOps, _extensionsSortabletableSortabletable, _extensionsSortabletableAdapterSortabletable) {
+define(["exports", "module", "event", "dom", "string", "cookie", "types", "array", "helpers", "date", "sort", "modules/store", "modules/gridLayout", "modules/loader", "modules/highlightKeywords", "modules/popupFilter", "modules/dropdown", "modules/checkList", "modules/rowsCounter", "modules/statusBar", "modules/paging", "modules/clearButton", "modules/help", "modules/alternateRows", "modules/colOps", "extensions/sortabletable/sortabletable", "extensions/sortabletable/adapterSortabletable", "extensions/colsVisibility/colsVisibility"], function (exports, module, _event, _dom, _string, _cookie, _types, _array, _helpers, _date, _sort, _modulesStore, _modulesGridLayout, _modulesLoader, _modulesHighlightKeywords, _modulesPopupFilter, _modulesDropdown, _modulesCheckList, _modulesRowsCounter, _modulesStatusBar, _modulesPaging, _modulesClearButton, _modulesHelp, _modulesAlternateRows, _modulesColOps, _extensionsSortabletableSortabletable, _extensionsSortabletableAdapterSortabletable, _extensionsColsVisibilityColsVisibility) {
     "use strict";
 
     var _createClass = (function () { function defineProperties(target, props) { for (var key in props) { var prop = props[key]; prop.configurable = true; if (prop.value) prop.writable = true; } Object.defineProperties(target, props); } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
@@ -43,6 +43,7 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
     var AlternateRows = _modulesAlternateRows.AlternateRows;
     var ColOps = _modulesColOps.ColOps;
     var AdapterSortableTable = _extensionsSortabletableAdapterSortabletable.AdapterSortableTable;
+    var ColsVisibility = _extensionsColsVisibilityColsVisibility.ColsVisibility;
 
     var global = window,
         isValidDate = dateHelper.isValid,
@@ -499,8 +500,10 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
 
             /*** extensions ***/
             //imports external script
-            this.hasExtensions = f.extensions === true ? true : false;
-            this.extensions = this.hasExtensions ? f.extensions : null;
+            // this.hasExtensions = f.extensions===true ? true : false;
+            // this.extensions = this.hasExtensions ? f.extensions : null;
+            this.extensions = f.extensions;
+            this.hasExtensions = types.isArray(this.extensions);
 
             /*** themes ***/
             this.enableDefaultTheme = f.enable_default_theme === true ? true : false;
@@ -534,6 +537,8 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
                 ezEditTable: null
             };
 
+            this.Exts = [];
+
             /*** TF events ***/
             var o = this;
             this.Evt = {
@@ -1080,7 +1085,9 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
 
                     /* Loads extensions */
                     if (this.hasExtensions) {
-                        this.LoadExtensions();
+                        // this.loadExtensions();
+                        this.registerExtensions();
+                        this.initExtensions();
                     }
 
                     if (this.onFiltersLoaded) {
@@ -1150,7 +1157,7 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
                                 void 0;
                                 break;
                             case o.Evt.name.loadextensions:
-                                o._LoadExtensions();
+                                o._loadExtensions();
                                 break;
                             case o.Evt.name.loadthemes:
                                 o._LoadThemes();
@@ -1180,66 +1187,95 @@ define(["exports", "module", "event", "dom", "string", "cookie", "types", "array
                     }
                 }
             },
-            ImportModule: {
-                value: function ImportModule(module) {
-                    if (!module.path || !module.name) {
+            registerExtensions: {
+                value: function registerExtensions() {
+                    var exts = this.extensions;
+                    if (exts.length === 0) {
                         return;
                     }
-                    this.includeFile(module.name, module.path, module.init);
-                }
-            },
-            LoadExtensions: {
-                value: function LoadExtensions() {
-                    if (!this.Ext) {
-                        /*** TF extensions ***/
-                        var o = this;
-                        this.Ext = {
-                            list: {},
-                            add: function add(extName, extDesc, extPath, extCallBack) {
-                                var file = extPath.split("/")[extPath.split("/").length - 1],
-                                    re = new RegExp(file),
-                                    path = extPath.replace(re, "");
-                                o.Ext.list[extName] = {
-                                    name: extName,
-                                    description: extDesc,
-                                    file: file,
-                                    path: path,
-                                    callback: extCallBack
-                                };
-                            }
-                        };
-                    }
-                    this.EvtManager(this.Evt.name.loadextensions);
-                }
-            },
-            _LoadExtensions: {
 
-                /*====================================================
-                    - loads TF extensions
-                =====================================================*/
-
-                value: function _LoadExtensions() {
-                    if (!this.hasExtensions || !types.isArray(this.extensions.name) || !types.isArray(this.extensions.src)) {
-                        return;
-                    }
-                    var ext = this.extensions;
-                    for (var e = 0; e < ext.name.length; e++) {
-                        var extPath = ext.src[e],
-                            extName = ext.name[e],
-                            extInit = ext.initialize && ext.initialize[e] ? ext.initialize[e] : null,
-                            extDesc = ext.description && ext.description[e] ? ext.description[e] : null;
-
-                        //Registers extension
-                        this.Ext.add(extName, extDesc, extPath, extInit);
-                        if (this.isImported(extPath)) {
-                            extInit.call(null, this);
-                        } else {
-                            this.includeFile(extName, extPath, extInit);
+                    for (var i = 0; i < exts.length; i++) {
+                        var ext = exts[i];
+                        if (this.Exts.indexOf(ext.name) === -1) {
+                            this.Exts.push(ext.name);
                         }
                     }
                 }
             },
+            initExtensions: {
+                value: function initExtensions() {
+                    var exts = this.extensions;
+                    if (exts.length === 0) {
+                        return;
+                    }
+
+                    for (var i = 0; i < exts.length; i++) {
+                        var tf = this;
+                        var ext = exts[i];
+                        var inst = eval("new " + exts[i].name + "(tf, ext);");
+                        console.log(inst);
+                    }
+                }
+            },
             LoadThemes: {
+
+                // ImportModule(module){
+                //     if(!module.path || !module.name){
+                //         return;
+                //     }
+                //     this.includeFile(module.name, module.path, module.init);
+                // }
+
+                // loadExtensions(){
+                //     if(!this.Ext){
+                //         /*** TF extensions ***/
+                //         var o = this;
+                //         this.Ext = {
+                //             list: {},
+                //             add: function(extName, extDesc, extPath, extCallBack){
+                //                 var file = extPath.split('/')[extPath.split('/').length-1],
+                //                     re = new RegExp(file),
+                //                     path = extPath.replace(re,'');
+                //                 o.Ext.list[extName] = {
+                //                     name: extName,
+                //                     description: extDesc,
+                //                     file: file,
+                //                     path: path,
+                //                     callback: extCallBack
+                //                 };
+                //             }
+                //         };
+                //     }
+                //     this.EvtManager(this.Evt.name.loadextensions);
+                // }
+
+                /*====================================================
+                    - loads TF extensions
+                =====================================================*/
+                // _LoadExtensions(){
+                //     if(!this.hasExtensions || !types.isArray(this.extensions.name) ||
+                //         !types.isArray(this.extensions.src)){
+                //         return;
+                //     }
+                //     var ext = this.extensions;
+                //     for(var e=0; e<ext.name.length; e++){
+                //         var extPath = ext.src[e],
+                //             extName = ext.name[e],
+                //            extInit = (ext.initialize && ext.initialize[e]) ?
+                //                 ext.initialize[e] : null,
+                //             extDesc = (ext.description && ext.description[e] ) ?
+                //                 ext.description[e] : null;
+
+                //         //Registers extension
+                //         this.Ext.add(extName, extDesc, extPath, extInit);
+                //         if(this.isImported(extPath)){
+                //             extInit.call(null,this);
+                //         } else {
+                //             this.includeFile(extName, extPath, extInit);
+                //         }
+                //     }
+                // }
+
                 value: function LoadThemes() {
                     this.EvtManager(this.Evt.name.loadthemes);
                 }