melondtable 1.18.5 → 1.20.7

package/dist/melondtable.js

@@ -271,11 +271,6 @@ var DataTable = (function (Sortable) {
 
     var isObject_1 = isObject;
 
-    var isObject$1 = /*#__PURE__*/Object.freeze({
-        default: isObject_1,
-        __moduleExports: isObject_1
-    });
-
     var commonjsGlobal = typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
     function commonjsRequire () {
@@ -295,11 +290,18 @@ var DataTable = (function (Sortable) {
 
     var _freeGlobal = freeGlobal;
 
+    var _freeGlobal$1 = /*#__PURE__*/Object.freeze({
+        default: _freeGlobal,
+        __moduleExports: _freeGlobal
+    });
+
+    var freeGlobal$1 = ( _freeGlobal$1 && _freeGlobal ) || _freeGlobal$1;
+
     /** Detect free variable `self`. */
     var freeSelf = typeof self == 'object' && self && self.Object === Object && self;
 
     /** Used as a reference to the global object. */
-    var root = _freeGlobal || freeSelf || Function('return this')();
+    var root = freeGlobal$1 || freeSelf || Function('return this')();
 
     var _root = root;
 
@@ -374,6 +376,11 @@ var DataTable = (function (Sortable) {
 
     var _getRawTag = getRawTag;
 
+    var _getRawTag$1 = /*#__PURE__*/Object.freeze({
+        default: _getRawTag,
+        __moduleExports: _getRawTag
+    });
+
     /** Used for built-in method references. */
     var objectProto$1 = Object.prototype;
 
@@ -397,6 +404,8 @@ var DataTable = (function (Sortable) {
 
     var _objectToString = objectToString;
 
+    var getRawTag$1 = ( _getRawTag$1 && _getRawTag ) || _getRawTag$1;
+
     /** `Object#toString` result references. */
     var nullTag = '[object Null]',
         undefinedTag = '[object Undefined]';
@@ -416,7 +425,7 @@ var DataTable = (function (Sortable) {
         return value === undefined ? undefinedTag : nullTag;
       }
       return (symToStringTag$1 && symToStringTag$1 in Object(value))
-        ? _getRawTag(value)
+        ? getRawTag$1(value)
         : _objectToString(value);
     }
 
@@ -452,6 +461,13 @@ var DataTable = (function (Sortable) {
 
     var isObjectLike_1 = isObjectLike;
 
+    var isObjectLike$1 = /*#__PURE__*/Object.freeze({
+        default: isObjectLike_1,
+        __moduleExports: isObjectLike_1
+    });
+
+    var isObjectLike$2 = ( isObjectLike$1 && isObjectLike_1 ) || isObjectLike$1;
+
     /** `Object#toString` result references. */
     var symbolTag = '[object Symbol]';
 
@@ -474,13 +490,11 @@ var DataTable = (function (Sortable) {
      */
     function isSymbol(value) {
       return typeof value == 'symbol' ||
-        (isObjectLike_1(value) && _baseGetTag(value) == symbolTag);
+        (isObjectLike$2(value) && _baseGetTag(value) == symbolTag);
     }
 
     var isSymbol_1 = isSymbol;
 
-    var isObject$2 = ( isObject$1 && isObject_1 ) || isObject$1;
-
     /** Used as references for various `Number` constants. */
     var NAN = 0 / 0;
 
@@ -529,9 +543,9 @@ var DataTable = (function (Sortable) {
       if (isSymbol_1(value)) {
         return NAN;
       }
-      if (isObject$2(value)) {
+      if (isObject_1(value)) {
         var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
-        value = isObject$2(other) ? (other + '') : other;
+        value = isObject_1(other) ? (other + '') : other;
       }
       if (typeof value != 'string') {
         return value === 0 ? value : +value;
@@ -622,7 +636,7 @@ var DataTable = (function (Sortable) {
         throw new TypeError(FUNC_ERROR_TEXT);
       }
       wait = toNumber_1(wait) || 0;
-      if (isObject$2(options)) {
+      if (isObject_1(options)) {
         leading = !!options.leading;
         maxing = 'maxWait' in options;
         maxWait = maxing ? nativeMax(toNumber_1(options.maxWait) || 0, wait) : maxWait;
@@ -786,7 +800,7 @@ var DataTable = (function (Sortable) {
       if (typeof func != 'function') {
         throw new TypeError(FUNC_ERROR_TEXT$1);
       }
-      if (isObject$2(options)) {
+      if (isObject_1(options)) {
         leading = 'leading' in options ? !!options.leading : leading;
         trailing = 'trailing' in options ? !!options.trailing : trailing;
       }
@@ -823,7 +837,7 @@ var DataTable = (function (Sortable) {
      * // => false
      */
     function isFunction(value) {
-      if (!isObject$2(value)) {
+      if (!isObject_1(value)) {
         return false;
       }
       // The use of `Object#toString` avoids issues with the `typeof` operator
@@ -834,21 +848,19 @@ var DataTable = (function (Sortable) {
 
     var isFunction_1 = isFunction;
 
+    var isFunction$1 = /*#__PURE__*/Object.freeze({
+        default: isFunction_1,
+        __moduleExports: isFunction_1
+    });
+
     /** Used to detect overreaching core-js shims. */
     var coreJsData = _root['__core-js_shared__'];
 
     var _coreJsData = coreJsData;
 
-    var _coreJsData$1 = /*#__PURE__*/Object.freeze({
-        default: _coreJsData,
-        __moduleExports: _coreJsData
-    });
-
-    var coreJsData$1 = ( _coreJsData$1 && _coreJsData ) || _coreJsData$1;
-
     /** Used to detect methods masquerading as native. */
     var maskSrcKey = (function() {
-      var uid = /[^.]+$/.exec(coreJsData$1 && coreJsData$1.keys && coreJsData$1.keys.IE_PROTO || '');
+      var uid = /[^.]+$/.exec(_coreJsData && _coreJsData.keys && _coreJsData.keys.IE_PROTO || '');
       return uid ? ('Symbol(src)_1.' + uid) : '';
     }());
 
@@ -892,6 +904,8 @@ var DataTable = (function (Sortable) {
 
     var _toSource = toSource;
 
+    var isFunction$2 = ( isFunction$1 && isFunction_1 ) || isFunction$1;
+
     /**
      * Used to match `RegExp`
      * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).
@@ -926,10 +940,10 @@ var DataTable = (function (Sortable) {
      *  else `false`.
      */
     function baseIsNative(value) {
-      if (!isObject$2(value) || _isMasked(value)) {
+      if (!isObject_1(value) || _isMasked(value)) {
         return false;
       }
-      var pattern = isFunction_1(value) ? reIsNative : reIsHostCtor;
+      var pattern = isFunction$2(value) ? reIsNative : reIsHostCtor;
       return pattern.test(_toSource(value));
     }
 
@@ -969,13 +983,6 @@ var DataTable = (function (Sortable) {
 
     var _nativeCreate = nativeCreate;
 
-    var _nativeCreate$1 = /*#__PURE__*/Object.freeze({
-        default: _nativeCreate,
-        __moduleExports: _nativeCreate
-    });
-
-    var nativeCreate$1 = ( _nativeCreate$1 && _nativeCreate ) || _nativeCreate$1;
-
     /**
      * Removes all key-value entries from the hash.
      *
@@ -984,7 +991,7 @@ var DataTable = (function (Sortable) {
      * @memberOf Hash
      */
     function hashClear() {
-      this.__data__ = nativeCreate$1 ? nativeCreate$1(null) : {};
+      this.__data__ = _nativeCreate ? _nativeCreate(null) : {};
       this.size = 0;
     }
 
@@ -1028,7 +1035,7 @@ var DataTable = (function (Sortable) {
      */
     function hashGet(key) {
       var data = this.__data__;
-      if (nativeCreate$1) {
+      if (_nativeCreate) {
         var result = data[key];
         return result === HASH_UNDEFINED ? undefined : result;
       }
@@ -1054,11 +1061,16 @@ var DataTable = (function (Sortable) {
      */
     function hashHas(key) {
       var data = this.__data__;
-      return nativeCreate$1 ? (data[key] !== undefined) : hasOwnProperty$3.call(data, key);
+      return _nativeCreate ? (data[key] !== undefined) : hasOwnProperty$3.call(data, key);
     }
 
     var _hashHas = hashHas;
 
+    var _hashHas$1 = /*#__PURE__*/Object.freeze({
+        default: _hashHas,
+        __moduleExports: _hashHas
+    });
+
     /** Used to stand-in for `undefined` hash values. */
     var HASH_UNDEFINED$1 = '__lodash_hash_undefined__';
 
@@ -1075,12 +1087,14 @@ var DataTable = (function (Sortable) {
     function hashSet(key, value) {
       var data = this.__data__;
       this.size += this.has(key) ? 0 : 1;
-      data[key] = (nativeCreate$1 && value === undefined) ? HASH_UNDEFINED$1 : value;
+      data[key] = (_nativeCreate && value === undefined) ? HASH_UNDEFINED$1 : value;
       return this;
     }
 
     var _hashSet = hashSet;
 
+    var hashHas$1 = ( _hashHas$1 && _hashHas ) || _hashHas$1;
+
     /**
      * Creates a hash object.
      *
@@ -1103,7 +1117,7 @@ var DataTable = (function (Sortable) {
     Hash.prototype.clear = _hashClear;
     Hash.prototype['delete'] = _hashDelete;
     Hash.prototype.get = _hashGet;
-    Hash.prototype.has = _hashHas;
+    Hash.prototype.has = hashHas$1;
     Hash.prototype.set = _hashSet;
 
     var _Hash = Hash;
@@ -1160,6 +1174,13 @@ var DataTable = (function (Sortable) {
 
     var eq_1 = eq;
 
+    var eq$1 = /*#__PURE__*/Object.freeze({
+        default: eq_1,
+        __moduleExports: eq_1
+    });
+
+    var eq$2 = ( eq$1 && eq_1 ) || eq$1;
+
     /**
      * Gets the index at which the `key` is found in `array` of key-value pairs.
      *
@@ -1171,7 +1192,7 @@ var DataTable = (function (Sortable) {
     function assocIndexOf(array, key) {
       var length = array.length;
       while (length--) {
-        if (eq_1(array[length][0], key)) {
+        if (eq$2(array[length][0], key)) {
           return length;
         }
       }
@@ -1329,6 +1350,11 @@ var DataTable = (function (Sortable) {
 
     var _mapCacheClear = mapCacheClear;
 
+    var _mapCacheClear$1 = /*#__PURE__*/Object.freeze({
+        default: _mapCacheClear,
+        __moduleExports: _mapCacheClear
+    });
+
     /**
      * Checks if `value` is suitable for use as unique object key.
      *
@@ -1345,6 +1371,13 @@ var DataTable = (function (Sortable) {
 
     var _isKeyable = isKeyable;
 
+    var _isKeyable$1 = /*#__PURE__*/Object.freeze({
+        default: _isKeyable,
+        __moduleExports: _isKeyable
+    });
+
+    var isKeyable$1 = ( _isKeyable$1 && _isKeyable ) || _isKeyable$1;
+
     /**
      * Gets the data for `map`.
      *
@@ -1355,13 +1388,20 @@ var DataTable = (function (Sortable) {
      */
     function getMapData(map, key) {
       var data = map.__data__;
-      return _isKeyable(key)
+      return isKeyable$1(key)
         ? data[typeof key == 'string' ? 'string' : 'hash']
         : data.map;
     }
 
     var _getMapData = getMapData;
 
+    var _getMapData$1 = /*#__PURE__*/Object.freeze({
+        default: _getMapData,
+        __moduleExports: _getMapData
+    });
+
+    var getMapData$1 = ( _getMapData$1 && _getMapData ) || _getMapData$1;
+
     /**
      * Removes `key` and its value from the map.
      *
@@ -1372,7 +1412,7 @@ var DataTable = (function (Sortable) {
      * @returns {boolean} Returns `true` if the entry was removed, else `false`.
      */
     function mapCacheDelete(key) {
-      var result = _getMapData(this, key)['delete'](key);
+      var result = getMapData$1(this, key)['delete'](key);
       this.size -= result ? 1 : 0;
       return result;
     }
@@ -1389,7 +1429,7 @@ var DataTable = (function (Sortable) {
      * @returns {*} Returns the entry value.
      */
     function mapCacheGet(key) {
-      return _getMapData(this, key).get(key);
+      return getMapData$1(this, key).get(key);
     }
 
     var _mapCacheGet = mapCacheGet;
@@ -1404,7 +1444,7 @@ var DataTable = (function (Sortable) {
      * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.
      */
     function mapCacheHas(key) {
-      return _getMapData(this, key).has(key);
+      return getMapData$1(this, key).has(key);
     }
 
     var _mapCacheHas = mapCacheHas;
@@ -1420,7 +1460,7 @@ var DataTable = (function (Sortable) {
      * @returns {Object} Returns the map cache instance.
      */
     function mapCacheSet(key, value) {
-      var data = _getMapData(this, key),
+      var data = getMapData$1(this, key),
           size = data.size;
 
       data.set(key, value);
@@ -1430,6 +1470,8 @@ var DataTable = (function (Sortable) {
 
     var _mapCacheSet = mapCacheSet;
 
+    var mapCacheClear$1 = ( _mapCacheClear$1 && _mapCacheClear ) || _mapCacheClear$1;
+
     /**
      * Creates a map cache object to store key-value pairs.
      *
@@ -1449,7 +1491,7 @@ var DataTable = (function (Sortable) {
     }
 
     // Add methods to `MapCache`.
-    MapCache.prototype.clear = _mapCacheClear;
+    MapCache.prototype.clear = mapCacheClear$1;
     MapCache.prototype['delete'] = _mapCacheDelete;
     MapCache.prototype.get = _mapCacheGet;
     MapCache.prototype.has = _mapCacheHas;
@@ -1541,11 +1583,6 @@ var DataTable = (function (Sortable) {
 
     var _baseFindIndex = baseFindIndex;
 
-    var _baseFindIndex$1 = /*#__PURE__*/Object.freeze({
-        default: _baseFindIndex,
-        __moduleExports: _baseFindIndex
-    });
-
     /**
      * The base implementation of `_.isNaN` without support for number objects.
      *
@@ -1583,8 +1620,6 @@ var DataTable = (function (Sortable) {
 
     var _strictIndexOf = strictIndexOf;
 
-    var baseFindIndex$1 = ( _baseFindIndex$1 && _baseFindIndex ) || _baseFindIndex$1;
-
     /**
      * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
      *
@@ -1597,7 +1632,7 @@ var DataTable = (function (Sortable) {
     function baseIndexOf(array, value, fromIndex) {
       return value === value
         ? _strictIndexOf(array, value, fromIndex)
-        : baseFindIndex$1(array, _baseIsNaN, fromIndex);
+        : _baseFindIndex(array, _baseIsNaN, fromIndex);
     }
 
     var _baseIndexOf = baseIndexOf;
@@ -1625,6 +1660,11 @@ var DataTable = (function (Sortable) {
 
     var _arrayIncludes = arrayIncludes;
 
+    var _arrayIncludes$1 = /*#__PURE__*/Object.freeze({
+        default: _arrayIncludes,
+        __moduleExports: _arrayIncludes
+    });
+
     /**
      * This function is like `arrayIncludes` except that it accepts a comparator.
      *
@@ -1720,6 +1760,8 @@ var DataTable = (function (Sortable) {
 
     var _createSet = createSet;
 
+    var arrayIncludes$1 = ( _arrayIncludes$1 && _arrayIncludes ) || _arrayIncludes$1;
+
     /** Used as the size to enable large array optimizations. */
     var LARGE_ARRAY_SIZE = 200;
 
@@ -1734,7 +1776,7 @@ var DataTable = (function (Sortable) {
      */
     function baseUniq(array, iteratee, comparator) {
       var index = -1,
-          includes = _arrayIncludes,
+          includes = arrayIncludes$1,
           length = array.length,
           isCommon = true,
           result = [],
@@ -2033,6 +2075,7 @@ var DataTable = (function (Sortable) {
                     sortable: false,
                     focusable: false,
                     dropdown: false,
+                    sticky: true,
                     width: 32
                 };
                 this.columns.push(cell);
@@ -2041,16 +2084,14 @@ var DataTable = (function (Sortable) {
             if (this.options.serialNoColumn && !this.hasColumnById('_rowIndex')) {
                 let cell = {
                     id: '_rowIndex',
-                    content: '',
+                    content: this.options.serialNoColumnLabel || '',
                     align: 'center',
                     editable: false,
-                    resizable: false,
+                    resizable: true,
                     focusable: false,
-                    dropdown: false
+                    dropdown: false,
+                    sticky: true
                 };
-                if (this.options.data.length > 1000) {
-                    cell.resizable = true;
-                }
                 this.columns.push(cell);
             }
         }
@@ -2634,6 +2675,7 @@ var DataTable = (function (Sortable) {
             this.bindKeyboardSelection();
             this.bindCopyCellContents();
             this.bindMouseEvents();
+            this.bindWheelEvents();
             this.bindTreeEvents();
         }
 
@@ -2682,6 +2724,7 @@ var DataTable = (function (Sortable) {
                 }
 
                 this.focusCell($cell);
+                sessionStorage.setItem('dt-last-nav-method', 'key');
                 return true;
             };
 
@@ -2790,6 +2833,12 @@ var DataTable = (function (Sortable) {
             $.on(this.bodyScrollable, 'mousemove', '.dt-cell', throttle$1(selectArea, 50));
         }
 
+        bindWheelEvents() {
+            $.on(this.bodyScrollable, 'wheel', (e) => {
+                sessionStorage.setItem('dt-last-nav-method', 'scroll');
+            });
+        }
+
         bindTreeEvents() {
             $.on(this.bodyScrollable, 'click', '.dt-tree-node__toggle', (e, $toggle) => {
                 const $cell = $.closest('.dt-cell', $toggle);
@@ -2914,11 +2963,13 @@ var DataTable = (function (Sortable) {
             // this function is called after hyperlist renders the rows after scroll,
             // focusCell calls clearSelection which resets the area selection
             // so a flag to skip it
-            // we also skip DOM focus and scroll to cell
-            // because it fights with the user scroll
+            // we skip scroll to cell
+            // and also skip DOM focus (if user is scrolling) because it fights with the user scroll
+            const skipDOMFocus = sessionStorage.getItem('dt-last-nav-method') !== 'key';
+
             this.focusCell($cell, {
+                skipDOMFocus,
                 skipClearSelection: 1,
-                skipDOMFocus: 1,
                 skipScrollToCell: 1
             });
         }
@@ -2934,7 +2985,6 @@ var DataTable = (function (Sortable) {
 
         _selectArea($cell1, $cell2) {
             if ($cell1 === $cell2) return false;
-
             const cells = this.getCellsInRange($cell1, $cell2);
             if (!cells) return false;
 
@@ -2961,9 +3011,17 @@ var DataTable = (function (Sortable) {
                 const cell2 = $.data($cell2);
 
                 colIndex1 = +cell1.colIndex;
-                rowIndex1 = +cell1.rowIndex;
                 colIndex2 = +cell2.colIndex;
-                rowIndex2 = +cell2.rowIndex;
+
+                if (this.columnmanager.sortState) {
+                    this.sortedColumn = true;
+                    rowIndex1 = this.datamanager.rowViewOrder.indexOf(parseInt(cell1.rowIndex, 10));
+                    rowIndex2 = this.datamanager.rowViewOrder.indexOf(parseInt(cell2.rowIndex, 10));
+                } else {
+                    rowIndex1 = +cell1.rowIndex;
+                    rowIndex2 = +cell2.rowIndex;
+                }
+
             }
 
             if (rowIndex1 > rowIndex2) {
@@ -2995,7 +3053,11 @@ var DataTable = (function (Sortable) {
                 }
                 colIndex = colIndex1;
             });
-
+            if (this.columnmanager.sortState) {
+                cells.forEach(selectedCells => {
+                    selectedCells[1] = this.datamanager.rowViewOrder[selectedCells[1]];
+                });
+            }
             return cells;
         }
 
@@ -3304,6 +3366,7 @@ var DataTable = (function (Sortable) {
             }
 
             this.focusCell($cell);
+            sessionStorage.setItem('dt-last-nav-method', 'key');
             return true;
         }
 
@@ -3402,8 +3465,15 @@ var DataTable = (function (Sortable) {
             });
 
             const row = this.datamanager.getRow(rowIndex);
+            const column = cell.column || this.datamanager.getColumn(colIndex) || {};
 
             const isBodyCell = !(isHeader || isFilter || isTotalRow);
+            const isSticky = Boolean(column.sticky);
+            const stickyColumns = this.datamanager.getColumns().filter(col => col.sticky);
+            const lastStickyColumn = stickyColumns[stickyColumns.length - 1];
+            const isLastStickyColumn = isSticky &&
+                lastStickyColumn &&
+                lastStickyColumn.colIndex === colIndex;
 
             const className = [
                 'dt-cell',
@@ -3413,7 +3483,10 @@ var DataTable = (function (Sortable) {
                 isHeader ? 'dt-cell--header' : '',
                 isHeader ? `dt-cell--header-${colIndex}` : '',
                 isFilter ? 'dt-cell--filter' : '',
-                isBodyCell && (row && row.meta.isTreeNodeClose) ? 'dt-cell--tree-close' : ''
+                isBodyCell && (row && row.meta.isTreeNodeClose) ? 'dt-cell--tree-close' : '',
+                isSticky ? 'dt-cell--sticky' : '',
+                isSticky && !isBodyCell ? 'dt-cell--sticky-top' : '',
+                isLastStickyColumn ? 'dt-cell--sticky-last' : ''
             ].join(' ');
 
             return `
@@ -3611,7 +3684,7 @@ var DataTable = (function (Sortable) {
             });
 
             $.on(this.$dropdownList, 'click', '.dt-dropdown__list-item', (e, $item) => {
-                if (!this._dropdownActiveColIndex) return;
+                if (this._dropdownActiveColIndex == null) return;
                 const dropdownItems = this.options.headerDropdown;
                 const { index } = $.data($item);
                 const colIndex = this._dropdownActiveColIndex;
@@ -3626,6 +3699,11 @@ var DataTable = (function (Sortable) {
                 _this.hideDropdown();
             }
 
+            this.stickDropdownIndex = this.options.headerDropdown
+                .findIndex(item => item.stickyAction === 'stick');
+            this.unstickDropdownIndex = this.options.headerDropdown
+                .findIndex(item => item.stickyAction === 'unstick');
+
             this.hideDropdown();
         }
 
@@ -3642,6 +3720,7 @@ var DataTable = (function (Sortable) {
             const $cell = $.closest('.dt-cell', e.target);
             const { colIndex } = $.data($cell);
             this._dropdownActiveColIndex = colIndex;
+            this.updateStickyDropdownItems(this.getColumn(colIndex));
         }
 
         hideDropdown() {
@@ -3785,9 +3864,29 @@ var DataTable = (function (Sortable) {
                 .then(() => this.instance.unfreeze())
                 .then(() => {
                     this.fireEvent('onSortColumn', this.getColumn(colIndex));
+                    this.setSortState();
                 });
         }
 
+        saveSorting(colIndex) {
+            let currentColumn = this.getColumn(colIndex);
+            let saveSorting = {
+                [currentColumn.name]: {
+                    colIndex: colIndex,
+                    sortOrder: currentColumn.sortOrder
+                }
+            };
+            this.sortingKey = this.options.sortingKey ? `${this.options.sortingKey}::sortedColumns` : 'sortedColumns' ;
+            localStorage.setItem(this.sortingKey, JSON.stringify(saveSorting));
+        }
+        setSortState(sortOrder) {
+            if (sortOrder === 'none') {
+                this.sortState = false;
+            } else {
+                this.sortState = true;
+            }
+        }
+
         removeColumn(colIndex) {
             const removedCol = this.getColumn(colIndex);
             this.instance.freeze();
@@ -3802,6 +3901,20 @@ var DataTable = (function (Sortable) {
                 });
         }
 
+        setColumnSticky(colIndex, sticky) {
+            const column = this.getColumn(colIndex);
+            if (!column || column.sticky === sticky) {
+                return;
+            }
+
+            this.instance.freeze();
+            this.datamanager.updateColumn(colIndex, { sticky });
+
+            this.refreshHeader();
+            this.rowmanager.refreshRows()
+                .then(() => this.instance.unfreeze());
+        }
+
         switchColumn(oldIndex, newIndex) {
             this.instance.freeze();
             this.datamanager.switchColumn(oldIndex, newIndex)
@@ -3886,6 +3999,19 @@ var DataTable = (function (Sortable) {
             }
         }
 
+        applySavedSortOrder() {
+
+            let key = this.options.sortingKey ? `${this.options.sortingKey}::sortedColumns` : 'sortedColumns' ;
+            let sortingConfig = JSON.parse(localStorage.getItem(key));
+            if (sortingConfig) {
+                const columnsToSort = Object.values(sortingConfig);
+                for (let column of columnsToSort) {
+                    this.sortColumn(column.colIndex, column.sortOrder);
+                    this.sortState = true;
+                }
+            }
+        }
+
         sortRows(colIndex, sortOrder) {
             return this.datamanager.sortRows(colIndex, sortOrder);
         }
@@ -3961,14 +4087,39 @@ var DataTable = (function (Sortable) {
 
         getDropdownListHTML() {
             const { headerDropdown: dropdownItems } = this.options;
-
             return `
-            <div class="dt-dropdown__list">
-            ${dropdownItems.map((d, i) => `
-                <div class="dt-dropdown__list-item" data-index="${i}">${d.label}</div>
-            `).join('')}
+        <div class="dt-dropdown__list">
+        ${dropdownItems.map((d, i) => `
+            <div 
+                class="dt-dropdown__list-item${d.display ? ' dt-hidden' : ''}" 
+                data-index="${i}"
+            >
+                ${d.label}
             </div>
-        `;
+        `).join('')}
+        </div>
+    `;
+        }
+
+        toggleDropdownItem(index) {
+            $('.dt-dropdown__list', this.instance.dropdownContainer).children[index].classList.toggle('dt-hidden');
+        }
+
+        updateStickyDropdownItems(column) {
+            if (!column) return;
+            if (this.stickDropdownIndex === -1 || this.unstickDropdownIndex === -1) return;
+
+            const stickItem = this.$dropdownList.children[this.stickDropdownIndex];
+            const unstickItem = this.$dropdownList.children[this.unstickDropdownIndex];
+            if (!(stickItem && unstickItem)) return;
+
+            if (column.sticky) {
+                stickItem.classList.add('dt-hidden');
+                unstickItem.classList.remove('dt-hidden');
+            } else {
+                stickItem.classList.remove('dt-hidden');
+                unstickItem.classList.add('dt-hidden');
+            }
         }
     }
 
@@ -4837,12 +4988,26 @@ var DataTable = (function (Sortable) {
         }
 
         render() {
-            const rows = this.datamanager.getRowsForView();
+            const rows = this.getRowsToRender();
             this.renderRows(rows);
             // setDimensions requires atleast 1 row to exist in dom
             this.instance.setDimensions();
         }
 
+        // Keep the current tree expand/collapse state on a full re-render
+        getRowsToRender() {
+            const rows = this.datamanager.getRowsForView();
+            let closedIndent = null;
+            return rows.filter(row => {
+                const { indent, isTreeNodeClose } = row.meta;
+                if (closedIndent !== null && indent > closedIndent) {
+                    return false;
+                }
+                closedIndent = isTreeNodeClose ? indent : null;
+                return true;
+            });
+        }
+
         renderFooter() {
             if (!this.options.showTotalRow) return;
 
@@ -4972,6 +5137,7 @@ var DataTable = (function (Sortable) {
 
         bindScrollHeader() {
             this._settingHeaderPosition = false;
+            this.updateStickyTopPositions(0);
 
             $.on(this.bodyScrollable, 'scroll', (e) => {
                 if (this._settingHeaderPosition) return;
@@ -4979,7 +5145,8 @@ var DataTable = (function (Sortable) {
                 this._settingHeaderPosition = true;
 
                 requestAnimationFrame(() => {
-                    const left = -e.target.scrollLeft;
+                    const scrollLeft = e.target.scrollLeft;
+                    const left = -scrollLeft;
 
                     $.style(this.header, {
                         transform: `translateX(${left}px)`
@@ -4987,6 +5154,7 @@ var DataTable = (function (Sortable) {
                     $.style(this.footer, {
                         transform: `translateX(${left}px)`
                     });
+                    this.updateStickyTopPositions(scrollLeft);
                     this._settingHeaderPosition = false;
                     if (this.instance.noData) {
                         $.style($('.no-data-message'), {
@@ -5084,6 +5252,8 @@ var DataTable = (function (Sortable) {
             this.setupColumnWidth();
             this.distributeRemainingWidth();
             this.setColumnStyle();
+            this.setStickyColumnStyle();
+            this.updateStickyTopPositions(this.bodyScrollable.scrollLeft || 0);
             this.setBodyStyle();
         }
 
@@ -5241,6 +5411,8 @@ var DataTable = (function (Sortable) {
                     this.columnmanager.setColumnHeaderWidth(column.colIndex);
                     this.columnmanager.setColumnWidth(column.colIndex);
                 });
+            this.setStickyColumnStyle();
+            this.updateStickyTopPositions(this.bodyScrollable.scrollLeft || 0);
         }
 
         setBodyStyle() {
@@ -5302,6 +5474,56 @@ var DataTable = (function (Sortable) {
             return $(`.dt-cell--col-${colIndex}`, this.header);
         }
 
+        setStickyColumnStyle() {
+            if (!this.datamanager || !this.datamanager.getColumns) return;
+
+            const stickySelectors = [];
+            let stickyOffset = 0;
+            let normalOffset = 0;
+
+            this.datamanager.getColumns().forEach((column) => {
+                const $headerCell = this.getColumnHeaderElement(column.colIndex);
+                const renderedWidth = $headerCell ? $headerCell.offsetWidth : column.width;
+
+                if (column.sticky) {
+                    const selector = `.dt-cell--col-${column.colIndex}.dt-cell--sticky`;
+                    const style = {
+                        left: `${stickyOffset}px`
+                    };
+
+                    column.stickyLeft = stickyOffset;
+                    column.stickyScrollTrigger = normalOffset - stickyOffset;
+                    column.renderedWidth = renderedWidth;
+                    this.setStyle(selector, style);
+                    stickySelectors.push(selector);
+                    stickyOffset += renderedWidth;
+                }
+                normalOffset += renderedWidth;
+            });
+
+            const staleSelectors = (this._stickySelectors || [])
+                .filter(selector => !stickySelectors.includes(selector));
+
+            staleSelectors.forEach(selector => this.removeStyle(selector));
+            this._stickySelectors = stickySelectors;
+        }
+
+        updateStickyTopPositions(scrollLeft) {
+            if (!this.datamanager || !this.datamanager.getColumns) return;
+
+            const stickyColumns = this.datamanager.getColumns().filter(column => column.sticky);
+
+            stickyColumns.forEach((column) => {
+                const trigger = Math.max(0, column.stickyScrollTrigger || 0);
+                const compensation = Math.max(0, scrollLeft - trigger);
+                const cells = $.each(`.dt-cell--col-${column.colIndex}.dt-cell--sticky-top`, this.wrapper) || [];
+
+                $.style(cells, {
+                    transform: compensation ? `translateX(${compensation}px)` : ''
+                });
+            });
+        }
+
         getRowIndexColumnWidth() {
             const rowCount = this.datamanager.getRowCount();
             const padding = 22;
@@ -5365,7 +5587,11 @@ var DataTable = (function (Sortable) {
         }
     }
 
+    var Freeze = "Freeze";
+    var Unfreeze = "Unfreeze";
     var en = {
+    	Freeze: Freeze,
+    	Unfreeze: Unfreeze,
     	"Sort Ascending": "Sort Ascending",
     	"Sort Descending": "Sort Descending",
     	"Reset sorting": "Reset sorting",
@@ -5375,7 +5601,11 @@ var DataTable = (function (Sortable) {
     	"{count} rows selected": {"1":"{count} row selected","default":"{count} rows selected"}
     };
 
+    var Freeze$1 = "Bevriezen";
+    var Unfreeze$1 = "Ontdooien";
     var de = {
+    	Freeze: Freeze$1,
+    	Unfreeze: Unfreeze$1,
     	"Sort Ascending": "Aufsteigend sortieren",
     	"Sort Descending": "Absteigend sortieren",
     	"Reset sorting": "Sortierung zurücksetzen",
@@ -5385,7 +5615,11 @@ var DataTable = (function (Sortable) {
     	"{count} rows selected": {"1":"{count} Zeile ausgewählt","default":"{count} Zeilen ausgewählt"}
     };
 
+    var Freeze$2 = "Geler";
+    var Unfreeze$2 = "Dégeler";
     var fr = {
+    	Freeze: Freeze$2,
+    	Unfreeze: Unfreeze$2,
     	"Sort Ascending": "Trier par ordre croissant",
     	"Sort Descending": "Trier par ordre décroissant",
     	"Reset sorting": "Réinitialiser le tri",
@@ -5395,7 +5629,11 @@ var DataTable = (function (Sortable) {
     	"{count} rows selected": {"1":"{count} ligne sélectionnée","default":"{count} lignes sélectionnées"}
     };
 
+    var Freeze$3 = "Congelare";
+    var Unfreeze$3 = "Dégeler";
     var it = {
+    	Freeze: Freeze$3,
+    	Unfreeze: Unfreeze$3,
     	"Sort Ascending": "Ordinamento ascendente",
     	"Sort Descending": "Ordinamento decrescente",
     	"Reset sorting": "Azzeramento ordinamento",
@@ -5677,6 +5915,22 @@ var DataTable = (function (Sortable) {
                     action: function (column) {
                         this.removeColumn(column.colIndex);
                     }
+                },
+                {
+                    label: instance.translate('Freeze'),
+                    stickyAction: 'stick',
+                    display: 'hidden',
+                    action: function (column) {
+                        this.setColumnSticky(column.colIndex, true);
+                    }
+                },
+                {
+                    label: instance.translate('Unfreeze'),
+                    stickyAction: 'unstick',
+                    display: 'hidden',
+                    action: function (column) {
+                        this.setColumnSticky(column.colIndex, false);
+                    }
                 }
             ],
             events: {
@@ -5701,6 +5955,7 @@ var DataTable = (function (Sortable) {
             freezeMessage: '',
             getEditor: null,
             serialNoColumn: true,
+            serialNoColumnLabel: '',
             checkboxColumn: false,
             clusterize: true,
             logs: false,
@@ -5751,6 +6006,10 @@ var DataTable = (function (Sortable) {
             if (this.options.data) {
                 this.refresh();
                 this.columnmanager.applyDefaultSortOrder();
+                if (this.options.saveSorting) {
+                    this.setupSaveSorting();
+                    this.columnmanager.applySavedSortOrder();
+                }
             }
         }
 
@@ -5920,11 +6179,18 @@ var DataTable = (function (Sortable) {
         sortColumn(colIndex, sortOrder) {
             this.columnmanager.sortColumn(colIndex, sortOrder);
         }
+        saveSorting(colIndex, nextSortOrder) {
+            this.columnmanager.saveSorting(colIndex, nextSortOrder);
+        }
 
         removeColumn(colIndex) {
             this.columnmanager.removeColumn(colIndex);
         }
 
+        setColumnSticky(colIndex, sticky) {
+            this.columnmanager.setColumnSticky(colIndex, sticky);
+        }
+
         scrollToLastColumn() {
             this.datatableWrapper.scrollLeft = 9999;
         }
@@ -5973,6 +6239,25 @@ var DataTable = (function (Sortable) {
         translate(str, args) {
             return this.translationManager.translate(str, args);
         }
+        setupSaveSorting() {
+            // add options in default headerdropdown
+            let action = {
+                label: this.translate('Save Sorting'),
+                action: function (column) {
+                    this.saveSorting(column.colIndex, column.sotOrder);
+                },
+                display: 'hidden'
+            };
+            this.options.headerDropdown.push(action);
+            this.columnmanager.bindDropdown();
+            // add events for onSortColumn
+            this.on('onSortColumn', function (column) {
+                this.columnmanager.toggleDropdownItem(4);
+                if (column.sortOrder === 'none') {
+                    localStorage.removeItem(this.columnmanager.sortingKey);
+                }
+            });
+        }
     }
 
     DataTable.instances = 0;
@@ -5985,7 +6270,7 @@ var DataTable = (function (Sortable) {
     var jsdelivr = "dist/melondtable.min.js";
     var scripts = {"start":"yarn run dev","build":"rollup -c && NODE_ENV=production rollup -c","dev":"rollup -c -w","cy:server":"http-server -p 8989","cy:open":"cypress open","cy:run":"cypress run","test":"start-server-and-test cy:server http://localhost:8989 cy:run","test-local":"start-server-and-test cy:server http://localhost:8989 cy:open","travis-deploy-once":"travis-deploy-once","semantic-release":"semantic-release","lint":"eslint src","lint-and-build":"yarn lint && yarn build","commit":"npx git-cz"};
     var files = ["dist","src"];
-    var devDependencies = {"autoprefixer":"^9.0.0","chai":"3.5.0","cypress":"^9.2.0","cz-conventional-changelog":"^2.1.0","deepmerge":"^2.0.1","eslint":"^5.0.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.11.0","http-server":"^0.11.1","mocha":"3.3.0","postcss-custom-properties":"^7.0.0","postcss-nested":"^3.0.0","rollup":"^0.59.4","rollup-plugin-commonjs":"^8.3.0","rollup-plugin-eslint":"^4.0.0","rollup-plugin-json":"^2.3.0","rollup-plugin-node-resolve":"^3.0.3","rollup-plugin-postcss":"^1.2.8","rollup-plugin-uglify-es":"^0.0.1","semantic-release":"^17.1.1","start-server-and-test":"^1.4.1","travis-deploy-once":"^5.0.1"};
+    var devDependencies = {"autoprefixer":"^9.0.0","chai":"3.5.0","cypress":"^9.2.0","cz-conventional-changelog":"^2.1.0","deepmerge":"^2.0.1","eslint":"^5.0.1","eslint-config-airbnb":"^16.1.0","eslint-config-airbnb-base":"^12.1.0","eslint-plugin-import":"^2.11.0","http-server":"^0.11.1","mocha":"3.3.0","postcss-custom-properties":"^7.0.0","postcss-nested":"^3.0.0","rollup":"^0.59.4","rollup-plugin-commonjs":"^8.3.0","rollup-plugin-eslint":"^4.0.0","rollup-plugin-json":"^2.3.0","rollup-plugin-node-resolve":"^3.0.3","rollup-plugin-postcss":"^1.2.8","rollup-plugin-uglify-es":"^0.0.1","semantic-release":"^25.0.3","start-server-and-test":"^1.4.1","travis-deploy-once":"^5.0.1"};
     var repository = {"type":"git","url":"https://github.com/amonak/melondtable.git"};
     var keywords = ["datatable","data","grid","table"];
     var author = "Alphamonak Solutions";