@datarailsshared/dr_renderer 1.2.45 → 1.2.46-beta

package/src/dr_pivottable.js

@@ -1,2292 +1,2350 @@
-let initDRPivotTable = function($, window, document) {
-    var hasProp = {}.hasOwnProperty;
-    var slice = [].slice;
-    var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
-
-    var DRPivotData, sortDateStrings, getSort, processKey, SubtotalRenderer, getFormattedNumber, largeToSmallSort, NovixRenderer;
-
-    var delim = " , ";
-    const newTableColors = ['rgb(127, 196, 255)', 'rgb(200, 243,243)', 'rgb(247, 161, 173)', 'rgb(255, 237, 178)', 'rgb(221, 239, 255)',
-        'rgb(171, 216, 255)', 'rgb(174, 231, 220)', 'rgb(227, 255, 236)', 'rgb(162, 215, 227)', 'rgb(223, 239, 236)'];
-    const useNewUx = document.ReportHippo && document.ReportHippo && document.ReportHippo.user &&
-      document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.use_new_ux;
-    // const numberOfRows = 500; // change to activate the handsontable when num of rows bigger then this.
-
-    DRPivotData = (function(superClass) {
-        extend(DRPivotData, superClass);
-
-        function DRPivotData(input, opts) {
-            DRPivotData.__super__.constructor.call(this, input, opts);
-        }
-
-        getSort = function(sorters, attr) {
-            var sort;
-            sort = sorters(attr);
-            if ($.isFunction(sort)) {
-                return sort;
-            } else {
-                return $.pivotUtilities.naturalSort;
-            }
-        };
-
-        DRPivotData.prototype.forEachRecord = function(input, derivedAttributes, f) {
-            var addRecord, compactRecord, i, j, k, l, len1, record, ref, results, results1, tblCols;
-            if ($.isEmptyObject(derivedAttributes)) {
-                addRecord = f;
-            } else {
-                addRecord = function(record) {
-                    var k, ref, v;
-                    for (k in derivedAttributes) {
-                        v = derivedAttributes[k];
-                        record[k] = (ref = v(record)) != null ? ref : record[k];
-                    }
-                    return f(record);
-                };
-            }
-            if ($.isFunction(input)) {
-                return input(addRecord);
-            } else if ($.isArray(input)) {
-                if ($.isArray(input[0])) {
-                    results = [];
-                    for (i in input) {
-                        if (!hasProp.call(input, i)) continue;
-                        compactRecord = input[i];
-                        if (!(i > 0)) {
-                            continue;
-                        }
-                        record = {};
-                        ref = input[0];
-                        for (j in ref) {
-                            if (!hasProp.call(ref, j)) continue;
-                            k = ref[j];
-                            record[k] = compactRecord[j];
-                        }
-                        results.push(addRecord(record));
-                    }
-                    return results;
-                } else {
-                    results1 = [];
-                    for (l = 0, len1 = input.length; l < len1; l++) {
-                        record = input[l];
-                        results1.push(addRecord(record));
-                    }
-                    return results1;
-                }
-            } else if (input instanceof jQuery) {
-                tblCols = [];
-                $("thead > tr > th", input).each(function(i) {
-                    return tblCols.push($(this).text());
-                });
-                return $("tbody > tr", input).each(function(i) {
-                    record = {};
-                    $("td", this).each(function(j) {
-                        return record[tblCols[j]] = $(this).html();
-                    });
-                    return addRecord(record);
-                });
-            } else {
-                throw new Error("unknown input format");
-            }
-        };
-
-        DRPivotData.prototype.arrSort = function(attrs) {
-            var a, sortersArr;
-            sortersArr = (function() {
-                var l, len1, results;
-                results = [];
-                for (l = 0, len1 = attrs.length; l < len1; l++) {
-                    a = attrs[l];
-                    results.push(getSort(this.sorters, a));
-                }
-                return results;
-            }).call(this);
-            return function(a, b) {
-                var comparison, i, sorter;
-                for (i in sortersArr) {
-                    sorter = sortersArr[i];
-                    comparison = sorter(a[i], b[i]);
-                    if (comparison !== 0) {
-                        return comparison;
-                    }
-                }
-                return 0;
-            };
-        };
-
-        processKey = function(record, totals, keys, attrs, getAggregator) {
-            var addKey, attr, flatKey, k, key, len, ref;
-            key = [];
-            addKey = false;
-            for (k = 0, len = attrs.length; k < len; k++) {
-                attr = attrs[k];
-                key.push((ref = record[attr]) != null ? ref : "null");
-                flatKey = key.join(delim);
-                if (!totals[flatKey]) {
-                    totals[flatKey] = getAggregator(key.slice());
-                    addKey = true;
-                }
-                totals[flatKey].push(record);
-            }
-            if (addKey) {
-                keys.push(key);
-            }
-            return key;
-        };
-
-        DRPivotData.prototype.processRecord = function(record) {
-            var colKey, fColKey, fRowKey, flatColKey, flatRowKey, i, j, k, m, n, ref, results, rowKey;
-            rowKey = [];
-            colKey = [];
-            this.allTotal.push(record);
-            rowKey = processKey(record, this.rowTotals, this.rowKeys, this.rowAttrs, (function(_this) {
-                return function(key) {
-                    return _this.aggregator(_this, key, []);
-                };
-            })(this));
-            colKey = processKey(record, this.colTotals, this.colKeys, this.colAttrs, (function(_this) {
-                return function(key) {
-                    return _this.aggregator(_this, [], key);
-                };
-            })(this));
-            m = rowKey.length - 1;
-            n = colKey.length - 1;
-            if (m < 0 || n < 0) {
-                return;
-            }
-            results = [];
-            for (i = k = 0, ref = m; 0 <= ref ? k <= ref : k >= ref; i = 0 <= ref ? ++k : --k) {
-                fRowKey = rowKey.slice(0, i + 1);
-                flatRowKey = fRowKey.join(delim);
-                if (!this.tree[flatRowKey]) {
-                    this.tree[flatRowKey] = {};
-                }
-                results.push((function() {
-                    var l, ref1, results1;
-                    results1 = [];
-                    for (j = l = 0, ref1 = n; 0 <= ref1 ? l <= ref1 : l >= ref1; j = 0 <= ref1 ? ++l : --l) {
-                        fColKey = colKey.slice(0, j + 1);
-                        flatColKey = fColKey.join(delim);
-                        if (!this.tree[flatRowKey][flatColKey]) {
-                            this.tree[flatRowKey][flatColKey] = this.aggregator(this, fRowKey, fColKey);
-                        }
-                        results1.push(this.tree[flatRowKey][flatColKey].push(record));
-                    }
-                    return results1;
-                }).call(this));
-            }
-            return results;
-        };
-
-        DRPivotData.prototype.getAggregator = function(rowKey, colKey) {
-            var agg, flatColKey, flatRowKey;
-            flatRowKey = rowKey.join(delim);
-            flatColKey = colKey.join(delim);
-            if (rowKey.length === 0 && colKey.length === 0) {
-                agg = this.allTotal;
-            } else if (rowKey.length === 0) {
-                agg = this.colTotals[flatColKey];
-            } else if (colKey.length === 0) {
-                agg = this.rowTotals[flatRowKey];
-            } else {
-                agg = this.tree[flatRowKey][flatColKey];
-            }
-            return agg != null ? agg : {
-                value: (function() {
-                    return null;
-                }),
-                format: function() {
-                    return "";
-                }
-            };
-        };
-
-        return DRPivotData;
-
-    })($.pivotUtilities.PivotData);
-
-    sortDateStrings = function(month_order) {
-        var i, mapping, x;
-        mapping = {};
-        var order = [
-            {"month":"jan", "versions": ['january', 'jan', 'ja'], weight:1},
-            {"month":"feb", "versions": ['february', 'feb', 'fe'], weight:2},
-            {"month":"mar", "versions": ['march', 'mar', 'mr'], weight:3},
-            {"month":"apr", "versions": ['april', 'apr', 'ap','al'], weight:4},
-            {"month":"may", "versions": ['may', 'ma'], weight:5},
-            {"month":"jun", "versions": ['june', 'jun','jn'], weight:6},
-            {"month":"jul", "versions": ['july', 'jul','jl'], weight:7},
-            {"month":"aug", "versions": ['august', 'aug', 'au'], weight:8},
-            {"month":"sep", "versions": ['september', 'sept', 'sep','sp','se'], weight:9},
-            {"month":"oct", "versions": ['october','oct', 'oc'], weight:10},
-            {"month":"nov", "versions": ['november', 'nov', 'no'], weight:11},
-            {"month":"dec", "versions": ['december', 'dec', 'de'], weight:12}
-        ];
-        var pattern = /(\d{1,4})|(Ja(n)?(uary)?|Fe(b)?(ruary)?|Mar(ch)?|mr|Ap(r)?(il)?|al|Ma(y)?|Jun(e)?|jn|Jul(y)?|jl|Aug(ust)?|au|Se(p)?(t)?(ember)?|sp|Oc(t)?(ober)?|No(v)?(ember)?|De(c)?(ember)?)/ig
-        if(month_order){
-            for(i=0; i<month_order.length; i++){
-                var find_row = _.find(order, {month:month_order[i]});
-                if(find_row){
-                    find_row.weight = i+1;
-                }
-            }
-        }
-
-        _.forEach(order, function(month_obj){
-            _.forEach(month_obj.versions, function(val){
-                mapping[val] = month_obj.weight*31;
-            });
-        });
-
-        var getIndexForVal = function(value){
-            var to_return = 0, matches, i;
-            if (typeof value === 'string' || value instanceof String){
-                matches = value.match(pattern);
-                var numbers = 0;
-                var i = 0;
-                _.forEach(matches, function(v)
-                {
-                    i++;
-                    v = v.trim().toLowerCase();
-                    var res = 0;
-
-                    if(mapping[v] != undefined){
-                        res = mapping[v];
-                    }
-                    else{
-                        try {
-                            res = parseInt(v)
-                            if(res > 31 || numbers > 1 || i == matches.length)
-                                res *=1000
-                            numbers++;
-                        }
-                        catch(er){
-                            res = 0
-                        }
-                    }
-                    if(res == NaN){
-                        res = 0
-                    }
-                    to_return += res
-                });
-            }
-            else{
-                try {
-                    to_return = parseInt(value)
-                }
-                catch(er){
-                    to_return = value
-                }
-            }
-
-            return to_return;
-        };
-
-        return function(a, b) {
-            return $.pivotUtilities.naturalSort(getIndexForVal(a), getIndexForVal(b));
-        };
-    };
-
-    largeToSmallSort = function(as, bs) {
-        var a, a1, b, b1, rd, rx, rz;
-        rx = /(\d+)|(\D+)/g;
-        rd = /\d/;
-        rz = /^0/;
-        if (typeof as === "number" || typeof bs === "number") {
-            if (isNaN(as)) {
-                return -1;
-            }
-            if (isNaN(bs)) {
-                return 1;
-            }
-            return bs - as;
-        }
-        a = String(as).toLowerCase();
-        b = String(bs).toLowerCase();
-        if (a === b) {
-            return 0;
-        }
-        if (!(rd.test(a) && rd.test(b))) {
-            return (b > a ? 1 : -1);
-        }
-        a = a.match(rx);
-        b = b.match(rx);
-        while (a.length && b.length) {
-            a1 = a.shift();
-            b1 = b.shift();
-            if (a1 !== b1) {
-                if (rd.test(a1) && rd.test(b1)) {
-                    return b1.replace(rz, ".0") - a1.replace(rz, ".0");
-                } else {
-                    return (b1 > a1 ? 1 : -1);
-                }
-            }
-        }
-        return b.length - a.length;
-    };
-
-    $.pivotUtilities.DRPivotData = DRPivotData;
-
-    getFormattedNumber = function(val, aggregator, opts, format_argument) {
-        if (!aggregator) {
-            aggregator = {};
-            aggregator.format = function(val) {
-                return val.toLocaleString();
-            }
-        }
-        if (val < 0 && opts && opts.chartOptions && opts.chartOptions.negative_numbers && opts.chartOptions.negative_numbers.value) {
-            switch (opts.chartOptions.negative_numbers.value) {
-                case 'red_minus':
-                    return '<span style="color: red; fill: red;">' + aggregator.format(val, format_argument) + '</span>';
-                    break;
-                case 'absolute':
-                    return '(' + aggregator.format(Math.abs(val), format_argument) + ')';
-                    break;
-                case 'red_absolute':
-                    return '<span style="color: red; fill: red;">(' + aggregator.format(Math.abs(val), format_argument) + ')</span>';
-                    break;
-                default:
-                    return aggregator.format(val, format_argument);
-            }
-        }
-        return aggregator.format(val, format_argument);
-    };
-
-    NovixRenderer = function(pvtData, opts, charttype) {
-        var resultsArr = [];
-        var additionOptions = opts.chartOptions ? opts.chartOptions : null;
-        if (additionOptions && additionOptions.table_options.use_handsOnTable) {
-            if (opts && opts.chart_title && !opts.chartOptions.hideChartHeader) {
-                var title = document.createElement("div");
-                title.className = "title";
-                title.innerText = opts.chart_title;
-                resultsArr.push(title);
-            }
-
-            if (additionOptions && additionOptions.subtitle && additionOptions.subtitle.subtitle && !opts.chartOptions.hideChartHeader) {
-                console.log("subtitle", additionOptions.subtitle);
-                var subTitle = document.createElement("div");
-                subTitle.className = "sub-title";
-                subTitle.innerText = additionOptions.subtitle.subtitle;
-                resultsArr.push(subTitle);
-            }
-
-            resultsArr.push($.pivotUtilities.novix_renderers["Pivot Table"](pvtData, opts));
-
-            // var wrapper = document.createElement("div");
-            // wrapper.className = "pivot-wrapper2";
-            // $(wrapper).append(resultsArr);
-
-            return resultsArr;
-        } else {
-            let tooMuch = false;
-            if (pvtData && (pvtData.rowKeys.length > 1000 || pvtData.colKeys.length > 500) &&
-                (!opts.show_more_function_cols || !opts.show_more_function_cols)) {
-                pvtData.rowKeys = [];
-                pvtData.colKeys = [];
-                tooMuch = true;
-            }
-            return SubtotalRenderer(pvtData, opts, charttype, tooMuch);
-        }
-    }
-
-    SubtotalRenderer = function(pivotData, opts, charttype, tooMuch = false) {
-        var addClass, allTotal, arrowCollapsed, arrowExpanded, buildColHeaderHeader, buildColHeaderHeaders, buildColHeaderHeadersClickEvents, buildColHeaders, buildColTotals, buildColTotalsHeader, buildGrandTotal, buildRowHeaderHeaders, buildRowHeaderHeadersClickEvents, buildRowHeaders, buildRowTotalsHeader, buildValues, classColCollapsed, classColExpanded, classColHide, classColShow, classCollapsed, classExpanded, classRowCollapsed, classRowExpanded, classRowHide, classRowShow, clickStatusCollapsed, clickStatusExpanded, colAttrs, colDisableAfter, colKeys, colTotals, collapseCol, collapseColsAt, collapseHideDescendantRow, collapseRow, collapseRowsAt, collapseShowColSubtotal, collapseShowRowSubtotal, createElement, defaults, expandChildCol, expandChildRow, expandCol, expandColsAt, expandHideColSubtotal, expandHideRowSubtotal, expandRow, expandRowsAt, expandShowColSubtotal, expandShowRowSubtotal, getTableEventHandlers, hasClass, hideDescendantCol, isColDisable, isColDisableExpandCollapse, isColHideOnExpand, isRowDisable, isRowDisableExpandCollapse, isRowHideOnExpand, main, getSubtotalInBrackets, processKeys, encodeHtmlEntities, ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7, removeClass, replaceClass, rowAttrs, rowDisableAfter, rowKeys, rowTotals, setAttributes, showChildCol, showChildRow, toggleCol, toggleColHeaderHeader, toggleRow, toggleRowHeaderHeader, tree, assumptionSubscribe;
-        var createTotalValsBolder, createGrandTotalBolder, getHeaderColorProperties, colorizeRowLabelHeaders, colorizeTableIfNeed, valueNoDashes, getColorsWithOffsetForTable, offsetColors, handleFreezePanesScroll, selectFreezableElements, removeRowHeaderNullValue;
-        var edit_assumptions;
-
-        var horizontalFreezePaneClass = opts.chartOptions.table_options.freeze_panes ? ' horizontal-freeze-pane' : '';
-        var verticalFreezePaneClass = opts.chartOptions.table_options.freeze_panes ? ' vertical-freeze-pane' : '';
-        var axisFreezePaneClass = opts.chartOptions.table_options.freeze_panes ? ' axis-freeze-pane' : '';
-
-        var elementToTransform = {
-            X: horizontalFreezePaneClass,
-            Y: verticalFreezePaneClass,
-            XY: axisFreezePaneClass,
-        }
-
-        defaults = {
-            table: {
-                clickCallback: null
-            },
-            localeStrings: {
-                totals: "Grand Totals",
-                subtotals: "Subtotal"
-            },
-            chartOptions:{
-                table_options:{
-                    show_column_total:true,
-                    show_row_total:true
-                }
-            },
-            totalFilterElements: null,
-            resetSortingElement: null,
-            nextSortingElement: null,
-            prevSortingElement: null,
-            show_more_function_cols: null,
-            show_more_function_rows: null,
-            show_more_max_items: 10,
-            labelsConvertFunction: function(str){return str;}
-        };
-        opts = $.extend(true, {}, defaults, opts);
-
-        if(opts.chartOptions.table_options.start_collapsed_rows) {
-            opts.collapseRowsAt = 0;
-        }
-        if(opts.chartOptions.table_options.start_collapsed_columns) {
-            opts.collapseColsAt = 0;
-        }
-        edit_assumptions = opts.chartOptions.edit_assumptions;
-        isRowDisable = (ref = opts.rowSubtotalDisplay) != null ? ref.disableSubtotal : void 0;
-        isRowHideOnExpand = (ref1 = opts.rowSubtotalDisplay) != null ? ref1.hideOnExpand : !opts.chartOptions.table_options.show_subtotals_for_rows;
-        isRowDisableExpandCollapse = (ref2 = opts.rowSubtotalDisplay) != null ? ref2.disableExpandCollapse : void 0;
-        rowDisableAfter = (ref3 = opts.rowSubtotalDisplay) != null ? ref3.disableAfter != null ? ref3.disableAfter : ref3.disableAfter = 9999 : void 0;
-        isColDisable = (ref4 = opts.colSubtotalDisplay) != null ? ref4.disableSubtotal : void 0;
-        isColHideOnExpand = (ref5 = opts.colSubtotalDisplay) != null ? ref5.hideOnExpand : !opts.chartOptions.table_options.show_subtotals_for_columns;
-        isColDisableExpandCollapse = (ref6 = opts.colSubtotalDisplay) != null ? ref6.disableExpandCollapse : void 0;
-        colDisableAfter = (ref7 = opts.colSubtotalDisplay) != null ? ref7.disableAfter != null ? ref7.disableAfter : ref7.disableAfter = 9999 : void 0;
-        arrowCollapsed = opts.arrowCollapsed != null ? opts.arrowCollapsed : opts.arrowCollapsed = '<i class="fa fa-plus dr-icon-add"></i> ';
-        arrowExpanded = opts.arrowExpanded != null ? opts.arrowExpanded : opts.arrowExpanded = '<i class="fa fa-minus dr-icon-minus"></i> ';
-        colAttrs = pivotData.colAttrs;
-        rowAttrs = pivotData.rowAttrs;
-        rowKeys = pivotData.getRowKeys();
-
-        if (charttype == 'column-chart' || charttype == 'column-chart-stacked') {
-            if (_.get(opts, 'chartOptions.table_options.transpose_table', false)) {
-                rowAttrs = [rowAttrs[0]];
-                if (rowKeys && rowKeys.length) {
-                    rowKeys = rowKeys.map( function(_, index) {
-                        return [rowKeys[index][0]];
-                    });
-                }
-            } else {
-                colAttrs = [colAttrs[0]];
-            }
-        }
-        colKeys = pivotData.getColKeys();
-        tree = pivotData.tree;
-        rowTotals = pivotData.rowTotals;
-        colTotals = pivotData.colTotals;
-        allTotal = pivotData.allTotal;
-        classRowExpanded = "rowexpanded";
-        classRowCollapsed = "rowcollapsed";
-        classRowHide = "rowhide";
-        classRowShow = "rowshow";
-        classColExpanded = "colexpanded";
-        classColCollapsed = "colcollapsed";
-        classColHide = "colhide";
-        classColShow = "colshow";
-        clickStatusExpanded = "expanded";
-        clickStatusCollapsed = "collapsed";
-        classExpanded = "expanded";
-        classCollapsed = "collapsed";
-        hasClass = function(element, className) {
-            var regExp;
-            regExp = new RegExp("(?:^|\\s)" + className + "(?!\\S)", "g");
-            return element.className.match(regExp) !== null;
-        };
-        removeClass = function(element, className) {
-            var k, len, name, ref8, regExp, results;
-            ref8 = className.split(" ");
-            results = [];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                name = ref8[k];
-                regExp = new RegExp("(?:^|\\s)" + name + "(?!\\S)", "g");
-                results.push(element.className = element.className.replace(regExp, ''));
-            }
-            return results;
-        };
-        addClass = function(element, className) {
-            var k, len, name, ref8, results;
-            ref8 = className.split(" ");
-            results = [];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                name = ref8[k];
-                if (!hasClass(element, name)) {
-                    results.push(element.className += " " + name);
-                } else {
-                    results.push(void 0);
-                }
-            }
-            return results;
-        };
-        replaceClass = function(element, replaceClassName, byClassName) {
-            removeClass(element, replaceClassName);
-            return addClass(element, byClassName);
-        };
-
-        colorizeTableIfNeed = function(element){
-            if(opts.chartOptions.table_options.colorize_headers == true){
-                element.className += " colorized";
-            }
-        };
-
-        valueNoDashes = function(value){
-
-            if(opts.chartOptions.table_options.remove_underscores == true && typeof(value) == 'string'){
-                return value.replace(/_/g, " ");
-            }
-            return value;
-        };
-
-        offsetColors = function (offset, colorsArray) {
-            if (offset > opts.defaults_colors.length) {
-                offset = offset % opts.defaults_colors;
-            }
-            var colors_to_return = JSON.parse(JSON.stringify(colorsArray));
-            for (var i = 0; i < offset; i++) {
-                colors_to_return.push(colors_to_return.shift());
-            }
-            return colors_to_return;
-        }
-
-        getColorsWithOffsetForTable = function (value) {
-            var isNewDesign = useNewUx && opts.chartOptions.table_options.use_new_table_design;
-            if (value) {
-                var offset = parseInt(value);
-                if (offset) {
-                    if (isNewDesign) {
-                        return offsetColors(offset, newTableColors);
-                    } else {
-                        return offsetColors(offset, opts.defaults_colors);
-                    }
-                }
-            }
-            return isNewDesign ? newTableColors : opts.defaults_colors;
-        }
-
-        colorizeRowLabelHeaders = function(element, cols_count){
-            if(opts.chartOptions.table_options.colorize_headers == true &&
-                opts.defaults_colors && opts.defaults_colors.length > 0){
-                var offsetColor = getColorsWithOffsetForTable(opts.chartOptions.table_options.table_colors_offset);
-                var color_to_set = offsetColor[cols_count];
-                if(color_to_set){
-                    element.style.setProperty("background-color", color_to_set, "important");
-                    element.style.setProperty("border-color", color_to_set, "important");
-                    element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design? '#3a3b39' : '#FFFFFF';
-                    element.style.fontWeight = "bold";
-                    if (opts.chartOptions.table_options.freeze_panes && element.firstChild) {
-                        for (const child of element.children) {
-                            child.style.setProperty("background-color", color_to_set, "important");
-                        }
-                    }
-                }
-            }
-        };
-
-        createTotalValsBolder = function(element){
-            if(opts.chartOptions.table_options.colorize_headers == true && (!useNewUx || !opts.chartOptions.table_options.use_new_table_design)){
-                element.style.setProperty("border-bottom", "3px double #000000", "important");
-            }
-        };
-        createGrandTotalBolder = function(element){
-            if(opts.chartOptions.table_options.colorize_headers == true && (!useNewUx || !opts.chartOptions.table_options.use_new_table_design)){
-                element.style.setProperty("border-top", "3px solid #000000", "important");
-            }
-        };
-        getHeaderColorProperties = function(element, col_number = 0){
-            if(opts.chartOptions.table_options.colorize_headers == true &&
-                opts.defaults_colors && opts.defaults_colors.length > 0){
-                const offsetColor = getColorsWithOffsetForTable(opts.chartOptions.table_options.table_colors_offset);
-                var color_to_set = offsetColor[col_number];
-                if(color_to_set){
-                    element.style.setProperty("background-color", color_to_set, "important");
-                    element.style.setProperty("border-color", color_to_set, "important");
-                    element.style.setProperty("vertical-align", "baseline");
-                    element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design? '#3a3b39' : '#FFFFFF';
-                    element.style.fontWeight = "bold";
-                    if (opts.chartOptions.table_options.freeze_panes && element.firstChild) {
-                        for (const child of element.children) {
-                            child.style.setProperty("background-color", color_to_set, "important");
-                        }
-                    }
-                }
-            }
-        };
-        getTableEventHandlers = function(value, rowValues, colValues) {
-            var attr, event, eventHandlers, filters, handler, i, ref8;
-            if (!opts.table && !opts.table.eventHandlers) {
-                return;
-            }
-            eventHandlers = {};
-            ref8 = opts.table.eventHandlers;
-            for (event in ref8) {
-                if (!hasProp.call(ref8, event)) continue;
-                handler = ref8[event];
-                filters = {};
-                for (i in colAttrs) {
-                    if (!hasProp.call(colAttrs, i)) continue;
-                    attr = colAttrs[i];
-                    if (colValues[i] != null) {
-                        filters[attr] = colValues[i];
-                    }
-                }
-                for (i in rowAttrs) {
-                    if (!hasProp.call(rowAttrs, i)) continue;
-                    attr = rowAttrs[i];
-                    if (rowValues[i] != null) {
-                        filters[attr] = rowValues[i];
-                    }
-                }
-                eventHandlers[event] = function(e) {
-                    return handler(e, value, filters, pivotData);
-                };
-            }
-            return eventHandlers;
-        };
-        createElement = function(elementType, className, textContent, attributes, eventHandlers) {
-            var attr, e, event, handler, val;
-            e = document.createElement(elementType);
-            if (className != null) {
-                e.className = className;
-            }
-            if (textContent != null) {
-                // We need html for negative items.
-                e.innerHTML = textContent;
-            }
-            if (attributes != null) {
-                for (attr in attributes) {
-                    if (!hasProp.call(attributes, attr)) continue;
-                    val = attributes[attr];
-                    e.setAttribute(attr, val);
-                }
-            }
-            if (eventHandlers != null) {
-                for (event in eventHandlers) {
-                    if (!hasProp.call(eventHandlers, event)) continue;
-                    handler = eventHandlers[event];
-                    e.addEventListener(event, handler);
-                }
-            }
-            return e;
-        };
-        setAttributes = function(e, attrs) {
-            var a, results, v;
-            results = [];
-            for (a in attrs) {
-                if (!hasProp.call(attrs, a)) continue;
-                v = attrs[a];
-                results.push(e.setAttribute(a, v));
-            }
-            return results;
-        };
-        getSubtotalInBrackets = function(keysArr, className, lastCol, lastRow, from, to) {
-            let aggregator, val, to_return;
-            if(opts.chartOptions.table_options.show_subtotals_in_brackets){
-                if(className == "pvtColLabel" && keysArr[from] && to < keysArr[from].length){
-                    aggregator = pivotData.getAggregator([], keysArr[from].slice(0, to+1));
-                    val = aggregator.value();
-                    to_return = getFormattedNumber(val, aggregator, opts);
-                    return ' ('+to_return+")";
-                }
-                else if(className == "pvtRowLabel" && keysArr[from] && to < keysArr[from].length){
-                    aggregator = pivotData.getAggregator(keysArr[from].slice(0, to+1), []);
-                    val = aggregator.value();
-                    to_return = getFormattedNumber(val, aggregator, opts);
-                    return ' ('+to_return+")";
-                }
-            }
-            return '';
-        };
-        encodeHtmlEntities = function(string_val) {
-            if(!string_val || typeof(string_val) != 'string' ){
-                return string_val;
-            }
-            var entityMap = {"'":"&apos;","<":"&lt;",">":"&gt;"," ":"&nbsp;","¡":"&iexcl;","¢":"&cent;","£":"&pound;","¤":"&curren;","¥":"&yen;","¦":"&brvbar;","§":"&sect;","¨":"&uml;","©":"&copy;","ª":"&ordf;","«":"&laquo;","¬":"&not;","®":"&reg;","¯":"&macr;","°":"&deg;","±":"&plusmn;","²":"&sup2;","³":"&sup3;","´":"&acute;","µ":"&micro;","¶":"&para;","·":"&middot;","¸":"&cedil;","¹":"&sup1;","º":"&ordm;","»":"&raquo;","¼":"&frac14;","½":"&frac12;","¾":"&frac34;","¿":"&iquest;","À":"&Agrave;","Á":"&Aacute;","Â":"&Acirc;","Ã":"&Atilde;","Ä":"&Auml;","Å":"&Aring;","Æ":"&AElig;","Ç":"&Ccedil;","È":"&Egrave;","É":"&Eacute;","Ê":"&Ecirc;","Ë":"&Euml;","Ì":"&Igrave;","Í":"&Iacute;","Î":"&Icirc;","Ï":"&Iuml;","Ð":"&ETH;","Ñ":"&Ntilde;","Ò":"&Ograve;","Ó":"&Oacute;","Ô":"&Ocirc;","Õ":"&Otilde;","Ö":"&Ouml;","×":"&times;","Ø":"&Oslash;","Ù":"&Ugrave;","Ú":"&Uacute;","Û":"&Ucirc;","Ü":"&Uuml;","Ý":"&Yacute;","Þ":"&THORN;","ß":"&szlig;","à":"&agrave;","á":"&aacute;","â":"&acirc;","ã":"&atilde;","ä":"&auml;","å":"&aring;","æ":"&aelig;","ç":"&ccedil;","è":"&egrave;","é":"&eacute;","ê":"&ecirc;","ë":"&euml;","ì":"&igrave;","í":"&iacute;","î":"&icirc;","ï":"&iuml;","ð":"&eth;","ñ":"&ntilde;","ò":"&ograve;","ó":"&oacute;","ô":"&ocirc;","õ":"&otilde;","ö":"&ouml;","÷":"&divide;","ø":"&oslash;","ù":"&ugrave;","ú":"&uacute;","û":"&ucirc;","ü":"&uuml;","ý":"&yacute;","þ":"&thorn;","ÿ":"&yuml;","Œ":"&OElig;","œ":"&oelig;","Š":"&Scaron;","š":"&scaron;","Ÿ":"&Yuml;","ƒ":"&fnof;","ˆ":"&circ;","˜":"&tilde;","Α":"&Alpha;","Β":"&Beta;","Γ":"&Gamma;","Δ":"&Delta;","Ε":"&Epsilon;","Ζ":"&Zeta;","Η":"&Eta;","Θ":"&Theta;","Ι":"&Iota;","Κ":"&Kappa;","Λ":"&Lambda;","Μ":"&Mu;","Ν":"&Nu;","Ξ":"&Xi;","Ο":"&Omicron;","Π":"&Pi;","Ρ":"&Rho;","Σ":"&Sigma;","Τ":"&Tau;","Υ":"&Upsilon;","Φ":"&Phi;","Χ":"&Chi;","Ψ":"&Psi;","Ω":"&Omega;","α":"&alpha;","β":"&beta;","γ":"&gamma;","δ":"&delta;","ε":"&epsilon;","ζ":"&zeta;","η":"&eta;","θ":"&theta;","ι":"&iota;","κ":"&kappa;","λ":"&lambda;","μ":"&mu;","ν":"&nu;","ξ":"&xi;","ο":"&omicron;","π":"&pi;","ρ":"&rho;","ς":"&sigmaf;","σ":"&sigma;","τ":"&tau;","υ":"&upsilon;","φ":"&phi;","χ":"&chi;","ψ":"&psi;","ω":"&omega;","ϑ":"&thetasym;","ϒ":"&Upsih;","ϖ":"&piv;","–":"&ndash;","—":"&mdash;","‘":"&lsquo;","’":"&rsquo;","‚":"&sbquo;","“":"&ldquo;","”":"&rdquo;","„":"&bdquo;","†":"&dagger;","‡":"&Dagger;","•":"&bull;","…":"&hellip;","‰":"&permil;","′":"&prime;","″":"&Prime;","‹":"&lsaquo;","›":"&rsaquo;","‾":"&oline;","⁄":"&frasl;","€":"&euro;","ℑ":"&image;","℘":"&weierp;","ℜ":"&real;","™":"&trade;","ℵ":"&alefsym;","←":"&larr;","↑":"&uarr;","→":"&rarr;","↓":"&darr;","↔":"&harr;","↵":"&crarr;","⇐":"&lArr;","⇑":"&UArr;","⇒":"&rArr;","⇓":"&dArr;","⇔":"&hArr;","∀":"&forall;","∂":"&part;","∃":"&exist;","∅":"&empty;","∇":"&nabla;","∈":"&isin;","∉":"&notin;","∋":"&ni;","∏":"&prod;","∑":"&sum;","−":"&minus;","∗":"&lowast;","√":"&radic;","∝":"&prop;","∞":"&infin;","∠":"&ang;","∧":"&and;","∨":"&or;","∩":"&cap;","∪":"&cup;","∫":"&int;","∴":"&there4;","∼":"&sim;","≅":"&cong;","≈":"&asymp;","≠":"&ne;","≡":"&equiv;","≤":"&le;","≥":"&ge;","⊂":"&sub;","⊃":"&sup;","⊄":"&nsub;","⊆":"&sube;","⊇":"&supe;","⊕":"&oplus;","⊗":"&otimes;","⊥":"&perp;","⋅":"&sdot;","⌈":"&lceil;","⌉":"&rceil;","⌊":"&lfloor;","⌋":"&rfloor;","⟨":"&lang;","⟩":"&rang;","◊":"&loz;","♠":"&spades;","♣":"&clubs;","♥":"&hearts;","♦":"&diams;"};
-            string_val = string_val.replace(/&/g, '&amp;');
-            string_val = string_val.replace(/"/g, '&quot;');
-            for (var key in entityMap) {
-                var entity = entityMap[key];
-                var regex = new RegExp(key, 'g');
-                string_val = string_val.replace(regex, entity);
-            }
-            return string_val;
-        };
-
-        processKeys = function(keysArr, className, dimention, attrs) {
-            var c, headers, k, key, lastCol, lastRow, node, nodePos, r, rMark, ref8, repeats, th, x;
-            const showAllData = opts && opts.chartOptions && opts.chartOptions.table_options && opts.chartOptions.table_options.show_all;
-
-            headers = [];
-            lastRow = keysArr.length - 1;
-            lastCol = keysArr[0].length - 1;
-            if(lastCol > 0 && className == "pvtColLabel" && !_.get(opts, 'chartOptions.table_options.transpose_table', false) && (charttype == 'column-chart' || charttype == 'column-chart-stacked')){
-                lastCol = 0;
-            }
-            rMark = [];
-            th = createElement("th", className, valueNoDashes(encodeHtmlEntities(keysArr[0][0]) + getSubtotalInBrackets(keysArr, className, lastCol, lastRow, 0, 0)));
-            key = [];
-            key.push(keysArr[0][0]);
-            nodePos = 0;
-            node = {
-                node: nodePos,
-                row: 0,
-                col: 0,
-                th: th,
-                parent: null,
-                children: [],
-                descendants: lastCol,
-                leaves: 1,
-                key: key,
-                flatKey: key.join(delim)
-            };
-            headers.push(node);
-            rMark[0] = node;
-            c = 1;
-            while (c <= lastCol) {
-                th = createElement("th", className, valueNoDashes(encodeHtmlEntities(keysArr[0][c]) + getSubtotalInBrackets(keysArr, className, lastCol, lastRow, 0, c)));
-                key = key.slice();
-                key.push(keysArr[0][c]);
-                ++nodePos;
-                node = {
-                    node: nodePos,
-                    row: 0,
-                    col: c,
-                    th: th,
-                    parent: rMark[c - 1],
-                    children: [],
-                    descendants: lastCol - c,
-                    leaves: 1,
-                    key: key,
-                    flatKey: key.join(delim)
-                };
-                rMark[c] = node;
-                rMark[c - 1].children.push(node);
-                ++c;
-            }
-            rMark[lastCol].leaves = 0;
-            r = 1;
-            while (r <= lastRow) {
-                repeats = true;
-                key = [];
-                c = 0;
-                while (c <= lastCol) {
-                    key = key.slice();
-                    key.push(keysArr[r][c]);
-                    if ((keysArr[r][c] === keysArr[rMark[c].row][c]) && (c !== lastCol) && repeats) {
-                        repeats = true;
-                        ++c;
-                        continue;
-                    }
-
-                    if(c === 0 && ((dimention == 'rows' && opts.show_more_function_rows)
-                        || (dimention == 'cols' && opts.show_more_function_cols)
-                    ) && headers.length > opts.show_more_max_items && !showAllData)
-                    {
-                        key=['...'];
-
-                        let th_attr = {data_show_more:'1'};
-
-                        th = createElement("th", className, '... Show All', th_attr);
-                        ++nodePos;
-                        node = {
-                            node: nodePos,
-                            row: r,
-                            col: c,
-                            th: th,
-                            parent: null,
-                            children: [],
-                            descendants: 0,
-                            leaves: 0,
-                            key: key,
-                            flatKey: key.join(delim)
-                        };
-
-                        headers.push(node);
-                        rMark[c] = node;
-                        repeats = false;
-                        r = lastRow;
-                        break;
-                    }
-
-
-                    th = createElement("th", className, valueNoDashes(encodeHtmlEntities(keysArr[r][c]) + getSubtotalInBrackets(keysArr, className, lastCol, lastRow, r, c)));
-                    ++nodePos;
-                    node = {
-                        node: nodePos,
-                        row: r,
-                        col: c,
-                        th: th,
-                        parent: null,
-                        children: [],
-                        descendants: 0,
-                        leaves: 0,
-                        key: key,
-                        flatKey: key.join(delim)
-                    };
-                    if (c === 0) {
-                        headers.push(node);
-                    } else {
-                        node.parent = rMark[c - 1];
-                        rMark[c - 1].children.push(node);
-                        x = 0;
-                        while (x <= c - 1) {
-                            ++rMark[x].descendants;
-                            ++x;
-                        }
-                    }
-                    rMark[c] = node;
-                    repeats = false;
-                    ++c;
-                }
-                for (c = k = 0, ref8 = lastCol; 0 <= ref8 ? k <= ref8 : k >= ref8; c = 0 <= ref8 ? ++k : --k) {
-                    ++rMark[c].leaves;
-                }
-                rMark[lastCol].leaves = 0;
-                ++r;
-            }
-            return headers;
-        };
-        buildColHeaderHeader = function(thead, colHeaderHeaders, rowAttrs, colAttrs, tr, col) {
-            var className, colAttr, textContent, th, clickStatus;
-            colAttr = colAttrs[col];
-            textContent = opts.labelsConvertFunction(colAttr);
-            className = "pvtAxisLabel" + axisFreezePaneClass;
-            if (col < colAttrs.length - 1) {
-                if (!(isColDisableExpandCollapse || isColDisable || col > colDisableAfter)) {
-                    if(opts.collapseColsAt == 0){
-                        clickStatus = clickStatusCollapsed;
-                        className += " "+classCollapsed;
-                        textContent = " " + arrowCollapsed + " " + textContent;
-                    }
-                    else{
-                        clickStatus = clickStatusExpanded;
-                        className += " "+classExpanded;
-                        textContent = " " + arrowExpanded + " " + textContent;
-                    }
-                }
-            }
-            th = createElement("th", className, textContent);
-            th.setAttribute("data-colAttr", colAttr);
-            //getHeaderColorProperties(th, col);
-            tr.appendChild(th);
-            colHeaderHeaders.push({
-                tr: tr,
-                th: th,
-                clickStatus: clickStatus,
-                expandedCount: 0,
-                nHeaders: 0
-            });
-            return thead.appendChild(tr);
-        };
-        buildColHeaderHeaders = function(thead, colHeaderHeaders, rowAttrs, colAttrs) {
-            var c, k, ref8, results, tr, rowSpan;
-            tr = createElement("tr");
-            if (rowAttrs.length !== 0) {
-                if(opts.chartOptions.table_options.colorize_headers == true){
-                    rowSpan = 1;
-                }
-                else{
-                    rowSpan = colAttrs.length;
-                }
-                tr.appendChild(createElement("th", axisFreezePaneClass, null, {
-                    colspan: rowAttrs.length,
-                    rowspan: rowSpan
-                }));
-            }
-
-            buildColHeaderHeader(thead, colHeaderHeaders, rowAttrs, colAttrs, tr, 0);
-            getHeaderColorProperties(tr);
-            results = [];
-            for (c = k = 1, ref8 = colAttrs.length; 1 <= ref8 ? k <= ref8 : k >= ref8; c = 1 <= ref8 ? ++k : --k) {
-                if (!(c < colAttrs.length)) {
-                    continue;
-                }
-                tr = createElement("tr");
-                if (opts.chartOptions.table_options.colorize_headers == true && rowAttrs.length !== 0) {
-                    tr.appendChild(createElement("th", axisFreezePaneClass, null, {
-                        colspan: rowAttrs.length
-                    }));
-                }
-                getHeaderColorProperties(tr, c);
-                results.push(buildColHeaderHeader(thead, colHeaderHeaders, rowAttrs, colAttrs, tr, c));
-            }
-            return results;
-        };
-        buildColHeaderHeadersClickEvents = function(colHeaderHeaders, colHeaderCols, colAttrs) {
-            var colAttr, i, k, n, ref8, results, th;
-            n = colAttrs.length - 1;
-            results = [];
-            for (i = k = 0, ref8 = n; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
-                if (!(i < n)) {
-                    continue;
-                }
-                th = colHeaderHeaders[i].th;
-                colAttr = colAttrs[i];
-                results.push(th.onclick = function(event) {
-                    event = event || window.event;
-                    if(!event.currentTarget)
-                        event.currentTarget = event.target;
-                    return toggleColHeaderHeader(colHeaderHeaders, colHeaderCols, colAttrs, event.currentTarget.getAttribute("data-colAttr"));
-                });
-            }
-            return results;
-        };
-        buildColHeaders = function(colHeaderHeaders, colHeaderCols, colHeader, rowAttrs, colAttrs) {
-            var colspan, h, hh, isColSubtotal, k, len, ref8, rowspan, sTh, style, th, tr;
-            ref8 = colHeader.children;
-            for (k = 0, len = ref8.length; k < len; k++) {
-                h = ref8[k];
-                buildColHeaders(colHeaderHeaders, colHeaderCols, h, rowAttrs, colAttrs);
-            }
-            isColSubtotal = colHeader.children.length !== 0;
-            colHeader.node = colHeaderCols.length;
-            hh = colHeaderHeaders[colHeader.col];
-            ++hh.expandedCount;
-            ++hh.nHeaders;
-            tr = hh.tr;
-            th = colHeader.th;
-            addClass(th, "col" + colHeader.row + " colcol" + colHeader.col + " " + classColShow + verticalFreezePaneClass);
-            //getHeaderColorProperties(th, colHeader.col);
-            if (isColHideOnExpand || isColDisable || (isColSubtotal && colHeader.col > colDisableAfter)) {
-                colspan = colHeader.leaves;
-            } else if (isColSubtotal && colHeader.col <= colDisableAfter) {
-                colspan = colHeader.leaves + 1;
-            } else {
-                colspan = colHeader.descendants + 1;
-            }
-
-            if(th.getAttribute('data_show_more') == '1'){
-                rowspan = colAttrs.length + 1;
-                addClass(th, 'show_more_header');
-                th.onclick = opts.show_more_function_cols;
-            }
-            else{
-                rowspan = colHeader.col === colAttrs.length - 1 && rowAttrs.length !== 0 ? 2 : 1;
-            }
-            setAttributes(th, {
-                "rowspan": rowspan,
-                "colspan": colspan,
-                "data-colnode": colHeader.node,
-                "data-colHeader": th.textContent
-            });
-            if (isColSubtotal) {
-                addClass(th, classColExpanded);
-                if (!(isColDisableExpandCollapse || isColDisable || colHeader.col > colDisableAfter)) {
-                    th.innerHTML = " " + arrowExpanded + " " + th.textContent;
-                }
-                th.onclick = function(event) {
-                    event = event || window.event;
-                    return toggleCol(colHeaderHeaders, colHeaderCols, parseInt(event.currentTarget.getAttribute("data-colnode")));
-                };
-                rowspan = colAttrs.length - (colHeader.col + 1) + (rowAttrs.length !== 0 ? 1 : 0);
-                style = "pvtColLabel pvtColSubtotal " + classColExpanded + verticalFreezePaneClass;
-                style += " col" + colHeader.row + " colcol" + colHeader.col;
-                if (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter) {
-                    style += " " + classColHide;
-                }
-                sTh = createElement("th", style, opts.localeStrings.subtotals, {
-                    "rowspan": rowspan,
-                    "data-colnode": colHeader.node
-                });
-                addClass(sTh, isColHideOnExpand || isColDisable ? " " + classColHide : " " + classColShow);
-                //getHeaderColorProperties(sTh, colHeader.col);
-                if (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter) {
-                    sTh.style.display = "none";
-                }
-                colHeader.children[0].tr.appendChild(sTh);
-                colHeader.sTh = sTh;
-            }
-            colHeader.clickStatus = clickStatusExpanded;
-            tr.appendChild(th);
-            if (opts.chartOptions.table_options.freeze_panes) {
-                getHeaderColorProperties(tr);
-            }
-            colHeader.tr = tr;
-            return colHeaderCols.push(colHeader);
-        };
-        buildRowHeaderHeaders = function(thead, rowHeaderHeaders, rowAttrs, colAttrs) {
-            var className, i, rowAttr, textContent, th, tr, clickStatus;
-            tr = createElement("tr");
-            rowHeaderHeaders.hh = [];
-            for (i in rowAttrs) {
-                if (!hasProp.call(rowAttrs, i)) continue;
-                rowAttr = rowAttrs[i];
-                textContent = opts.labelsConvertFunction(rowAttr);
-                className = "pvtAxisLabel" + axisFreezePaneClass;
-                if (i < rowAttrs.length - 1) {
-                    className += " expanded";
-                    if (!(isRowDisableExpandCollapse || isRowDisable || i > rowDisableAfter)) {
-                        if(opts.collapseRowsAt == 0){
-                            clickStatus = clickStatusCollapsed;
-                            className += " "+classCollapsed;
-                            textContent = " " + arrowCollapsed + " " + textContent;
-                        }
-                        else{
-                            clickStatus = clickStatusExpanded;
-                            className += " "+classExpanded;
-                            textContent = " " + arrowExpanded + " " + textContent;
-                        }
-                    }
-                }
-                th = createElement("th", className, textContent);
-                th.setAttribute("data-rowAttr", rowAttr);
-                tr.appendChild(th);
-                rowHeaderHeaders.hh.push({
-                    th: th,
-                    clickStatus: clickStatus,
-                    expandedCount: 0,
-                    nHeaders: 0
-                });
-            }
-            if (colAttrs.length !== 0) {
-                th = createElement("th", axisFreezePaneClass);
-                tr.appendChild(th);
-            }
-            colorizeRowLabelHeaders(tr, colAttrs.length);
-            thead.appendChild(tr);
-            return rowHeaderHeaders.tr = tr;
-        };
-        buildRowHeaderHeadersClickEvents = function(rowHeaderHeaders, rowHeaderRows, rowAttrs) {
-            var i, k, n, ref8, results, rowAttr, th;
-            n = rowAttrs.length - 1;
-            results = [];
-            for (i = k = 0, ref8 = n; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
-                if (!(i < n)) {
-                    continue;
-                }
-                th = rowHeaderHeaders.hh[i];
-                rowAttr = rowAttrs[i];
-                results.push(th.th.onclick = function(event) {
-                    event = event || window.event;
-                    if(!event.currentTarget)
-                        event.currentTarget = event.target;
-                    return toggleRowHeaderHeader(rowHeaderHeaders, rowHeaderRows, rowAttrs, event.currentTarget.getAttribute("data-rowAttr"));
-                });
-            }
-            return results;
-        };
-        buildRowTotalsHeader = function(tr, rowAttrs, colAttrs) {
-            var rowspan, th;
-            rowspan = 1;
-            if (colAttrs.length !== 0) {
-                rowspan = colAttrs.length + (rowAttrs.length === 0 ? 0 : 1);
-            }
-
-            if(opts.chartOptions.table_options.colorize_headers == true && colAttrs.length > 1){
-                rowspan = 1;
-            }
-
-            th = createElement("th", "pvtTotalLabel rowTotal" + verticalFreezePaneClass , opts.localeStrings.totals, {
-                rowspan: rowspan
-            });
-
-            if (opts.totalFilterElements && opts.totalFilterElements.row_total) {
-                th.innerHTML = '';
-                th.appendChild(opts.totalFilterElements.row_total);
-            }
-
-            //getHeaderColorProperties(th);
-            if (opts.chartOptions.table_options.freeze_panes) {
-                tr.appendChild(th);
-                getHeaderColorProperties(tr);
-            } else {
-                return tr.appendChild(th);
-            }
-        };
-        buildRowHeaders = function(tbody, rowHeaderHeaders, rowHeaderRows, rowHeader, rowAttrs, colAttrs, highlighted, hasColLabels) {
-            var colspan, h, hh, isRowSubtotal, k, len, ref8, results, style, th, tr;
-            hh = rowHeaderHeaders.hh[rowHeader.col];
-            ++hh.expandedCount;
-            ++hh.nHeaders;
-            tr = createElement("tr", "pvtRowSubtotal row" + rowHeader.row, "", {
-                "data-rownode": rowHeader.node
-            });
-            th = rowHeader.th;
-
-            if(th.getAttribute('data_show_more') == '1'){
-                colspan = rowAttrs.length + 1;
-                addClass(th, 'show_more_header');
-                th.onclick = opts.show_more_function_rows;
-            }
-            else{
-                colspan = rowHeader.col === rowAttrs.length - 1 && colAttrs.length !== 0 ? 2 : 1;
-            }
-
-            isRowSubtotal = rowHeader.children.length !== 0;
-            addClass(th, "row" + rowHeader.row + " rowcol" + rowHeader.col + " " + classRowShow + horizontalFreezePaneClass);
-            if (highlighted) {
-              addClass(th, "highlighted");
-            }
-            setAttributes(th, {
-                "data-rowHeader": th.textContent,
-                "data-rownode": rowHeader.node,
-                "rowspan": rowHeader.descendants + 1,
-                "colspan": colspan
-            });
-            if (opts.chartOptions.table_options.hide_nulls_in_headers) {
-                th.textContent = th.textContent.replace('[null]', '');
-            }
-
-            if (th.hasAttribute('data_show_more') && th.colSpan > 0 && !hasColLabels) {
-                th.colSpan = th.colSpan - 1;
-            }
-            
-            tr.appendChild(th);
-            if (isRowSubtotal) {
-                addClass(tr, classRowExpanded);
-                addClass(th, classRowExpanded);
-                if (!(isRowDisableExpandCollapse || isRowDisable || rowHeader.col > rowDisableAfter)) {
-                    th.innerHTML = " " + arrowExpanded + " " + th.textContent;
-                }
-                th.onclick = function(event) {
-                    event = event || window.event;
-                    return toggleRow(rowHeaderHeaders, rowHeaderRows, parseInt(event.currentTarget.getAttribute("data-rownode")));
-                };
-                colspan = rowAttrs.length - (rowHeader.col + 1) + (colAttrs.length !== 0 ? 1 : 0);
-                style = "pvtRowLabel pvtRowSubtotal " + classRowExpanded;
-                style += " row" + rowHeader.row + " rowcol" + rowHeader.col;
-                style += isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter ? " " + classRowHide : " " + classRowShow;
-                style += horizontalFreezePaneClass;
-                th = createElement("th", style, opts.localeStrings.subtotals, {
-                    "colspan": colspan,
-                    "data-rownode": rowHeader.node
-                });
-                if (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter) {
-                    th.style.display = "none";
-                }
-                tr.appendChild(th);
-            }
-            rowHeader.clickStatus = clickStatusExpanded;
-            rowHeader.tr = tr;
-            rowHeaderRows.push(rowHeader);
-            tbody.appendChild(tr);
-            ref8 = rowHeader.children;
-            results = [];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                h = ref8[k];
-                results.push(buildRowHeaders(tbody, rowHeaderHeaders, rowHeaderRows, h, rowAttrs, colAttrs, highlighted, hasColLabels));
-            }
-            return results;
-        };
-        buildValues = function(rowHeaderRows, colHeaderCols, rowAttrs, colAttrs) {
-            var aggregator, colHeader, eventHandlers, flatColKey, flatRowKey, isColSubtotal, isRowSubtotal, k, l, len, len1, ref8, results, rowHeader, style, td, totalAggregator, tr, val;
-            results = [];
-            for (k = 0, len = rowHeaderRows.length; k < len; k++) {
-                rowHeader = rowHeaderRows[k];
-                tr = rowHeader.tr;
-                flatRowKey = rowHeader.flatKey;
-                isRowSubtotal = rowHeader.children.length !== 0;
-                for (l = 0, len1 = colHeaderCols.length; l < len1; l++) {
-                    colHeader = colHeaderCols[l];
-                    flatColKey = colHeader.flatKey;
-                    if(tree && tree[flatRowKey] && tree[flatRowKey][flatColKey]){
-                        ref8 = tree[flatRowKey][flatColKey]
-                    }
-                    else{
-                        ref8 = null;
-                    }
-
-                    aggregator = ref8 != null ? ref8 : {
-                        value: (function() {
-                            return null;
-                        }),
-                        format: function() {
-                            return "";
-                        }
-                    };
-                    val = aggregator.value();
-                    isColSubtotal = colHeader.children.length !== 0;
-                    style = "pvtVal";
-                    if (isColSubtotal) {
-                        style += " pvtColSubtotal " + classColExpanded;
-                    }
-                    if (isRowSubtotal) {
-                        style += " pvtRowSubtotal " + classRowExpanded;
-                    }
-                    style += isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter) ? " " + classRowHide : " " + classRowShow;
-                    style += isColSubtotal && (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter) ? " " + classColHide : " " + classColShow;
-                    style += (" row" + rowHeader.row) + (" col" + colHeader.row) + (" rowcol" + rowHeader.col) + (" colcol" + colHeader.col);
-                    eventHandlers = getTableEventHandlers(val, rowHeader.key, colHeader.key);
-                    td = createElement("td", style, getFormattedNumber(val, aggregator, opts), {
-                        "data-value": val,
-                        "data-rownode": rowHeader.node,
-                        "data-colnode": colHeader.node
-                    }, eventHandlers);
-                    if ((isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter)) || (isColSubtotal && (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter))) {
-                        td.style.display = "none";
-                    }
-                    assumptionSubscribe(td, rowHeader, rowAttrs, colHeader, colAttrs, val);
-
-                    tr.appendChild(td);
-                }
-                totalAggregator = rowTotals[flatRowKey];
-                if(!totalAggregator){
-                    totalAggregator = {
-                        value: (function () {
-                            return null;
-                        }),
-                        format: function () {
-                            return "";
-                        }
-                    };
-                }
-
-                val = totalAggregator.value();
-                style = "pvtTotal rowTotal";
-                if (isRowSubtotal) {
-                    style += " pvtRowSubtotal";
-                }
-                style += isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter) ? " " + classRowHide : " " + classRowShow;
-                style += " row" + rowHeader.row + " rowcol" + rowHeader.col;
-                td = createElement("td", style, getFormattedNumber(val, totalAggregator, opts), {
-                    "data-value": val,
-                    "data-row": "row" + rowHeader.row,
-                    "data-rowcol": "col" + rowHeader.col,
-                    "data-rownode": rowHeader.node
-                }, getTableEventHandlers(val, rowHeader.key, []));
-                if (isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter)) {
-                    td.style.display = "none";
-                }
-
-                assumptionSubscribe(td, rowHeader, rowAttrs, {key:[], flatKey:''}, colAttrs, val);
-
-                if(opts.chartOptions.table_options.show_row_total)
-                    tr.appendChild(td);
-
-                results.push(tr);
-            }
-            return results;
-        };
-
-        assumptionSubscribe = function(td, rowHeader, rowAttrs, colHeader, colAttrs, val){
-            if(edit_assumptions){
-                var filters = [];
-                var i=0;
-                var temp;
-                for(i=0; i<rowHeader.key.length; i++){
-                    temp = {
-                        name: rowAttrs[i],
-                        values: [rowHeader.key[i]],
-                        is_excluded:false
-                    }
-                    filters.push(temp);
-                }
-                for(i=0; i<colHeader.key.length; i++){
-                    temp = {
-                        name: colAttrs[i],
-                        values: [colHeader.key[i]],
-                        is_excluded:false
-                    }
-                    filters.push(temp);
-                }
-                var obj_to_send = {
-                    "flatColKey": colHeader.flatKey,
-                    "flatRowKey": rowHeader.flatKey,
-                    "val": val,
-                    "filters": filters
-                };
-
-                // td.addEventListener('dblclick', function(){
-                //     edit_assumptions.fn(obj_to_send, this);
-                // });
-
-                td.addEventListener('click', function(){
-                    edit_assumptions.fn(obj_to_send, this);
-                });
-            }
-
-            if(opts.value_drill_down_fn){
-                td.classList.add('clickable');
-                td.addEventListener('click', function(rowKey, colKey, rowAttrs, colAttrs){
-                    return function($event){
-                        $event.preventDefault();
-                        opts.value_drill_down_fn($event, rowKey, colKey);
-                    };
-                }(rowHeader.key, colHeader.key, rowAttrs, colAttrs));
-            }
-        };
-
-        buildColTotalsHeader = function(rowAttrs, colAttrs) {
-            var colspan, th, tr;
-            tr = createElement("tr");
-            colspan = rowAttrs.length + (colAttrs.length === 0 ? 0 : 1);
-            th = createElement("th", "pvtTotalLabel colTotal" + horizontalFreezePaneClass, opts.localeStrings.totals, {
-                colspan: colspan
-            });
-            if (opts.totalFilterElements && opts.totalFilterElements.col_total) {
-                th.innerHTML = '';
-                th.appendChild(opts.totalFilterElements.col_total);
-            }
-            tr.appendChild(th);
-            return tr;
-        };
-        buildColTotals = function(tr, colHeaderCols, rowAttrs, colAttrs) {
-            var h, isColSubtotal, k, len, results, style, td, totalAggregator, val;
-            results = [];
-            for (k = 0, len = colHeaderCols.length; k < len; k++) {
-                h = colHeaderCols[k];
-                isColSubtotal = h.children.length !== 0;
-                totalAggregator = colTotals[h.flatKey];
-                if(!totalAggregator){
-                    totalAggregator = {
-                        value: (function () {
-                            return null;
-                        }),
-                        format: function () {
-                            return "";
-                        }
-                    };
-                }
-                val = totalAggregator.value();
-                style = "pvtVal pvtTotal colTotal";
-                if (isColSubtotal) {
-                    style += " pvtColSubtotal";
-                }
-                style += " " + classColExpanded;
-                style += " col" + h.row + " colcol" + h.col;
-                td = createElement("td", style, getFormattedNumber(val, totalAggregator, opts), {
-                    "data-value": val,
-                    "data-for": "col" + h.col,
-                    "data-colnode": "" + h.node
-                }, getTableEventHandlers(val, [], h.key));
-                createTotalValsBolder(td)
-                if (isColSubtotal && (isColHideOnExpand || isColDisable || h.col > colDisableAfter)) {
-                    td.style.display = "none";
-                }
-
-                assumptionSubscribe(td, {key:[], flatKey:''}, rowAttrs, h, colAttrs, val);
-
-                results.push(tr.appendChild(td));
-            }
-            createGrandTotalBolder(tr);
-            return results;
-        };
-        buildGrandTotal = function(result, tr, rowAttrs, colAttrs) {
-            var td, totalAggregator, val;
-            totalAggregator = allTotal;
-            val = totalAggregator.value();
-            td = createElement("td", "pvtGrandTotal", getFormattedNumber(val, totalAggregator, opts), {
-                "data-value": val
-            }, getTableEventHandlers(val, [], []));
-            createTotalValsBolder(td);
-            assumptionSubscribe(td, {key:[], flatKey:''}, rowAttrs,  {key:[], flatKey:''}, colAttrs, val);
-
-            tr.appendChild(td);
-            return result.appendChild(tr);
-        };
-        removeRowHeaderNullValue = function(h) {
-            if (opts.chartOptions.table_options.hide_nulls_in_headers) {
-                h.th.innerHTML = h.th.innerHTML.replace('[null]' , '');
-            }
-        };
-        hideDescendantCol = function(d) {
-            return $(d.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + d.node + "\"], th[data-colnode=\"" + d.node + "\"]").removeClass(classColShow).addClass(classColHide).css('display', "none");
-        };
-        collapseShowColSubtotal = function(h) {
-            $(h.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + h.node + "\"], th[data-colnode=\"" + h.node + "\"]").removeClass(classColExpanded + " " + classColHide).addClass(classColCollapsed + " " + classColShow).not(".pvtRowSubtotal." + classRowHide).css('display', "");
-            h.th.innerHTML = " " + arrowCollapsed + " " + h.th.getAttribute("data-colheader");
-            return h.th.colSpan = 1;
-        };
-        collapseCol = function(colHeaderHeaders, colHeaderCols, c) {
-            var colHeaderHeader, colspan, d, h, i, isColSubtotal, k, l, p, ref10, ref8, ref9, results;
-            if (isColDisable) {
-                return;
-            }
-            if (isColDisableExpandCollapse) {
-                return;
-            }
-            if (!colHeaderCols[c]) {
-                return;
-            }
-            h = colHeaderCols[c];
-            if (h.col > colDisableAfter) {
-                return;
-            }
-            if (h.clickStatus === clickStatusCollapsed) {
-                return;
-            }
-            isColSubtotal = h.descendants !== 0;
-            colspan = h.th.colSpan;
-            for (i = k = 1, ref8 = h.descendants; 1 <= ref8 ? k <= ref8 : k >= ref8; i = 1 <= ref8 ? ++k : --k) {
-                if (!(h.descendants !== 0)) {
-                    continue;
-                }
-                d = colHeaderCols[c - i];
-                hideDescendantCol(d);
-            }
-            if (isColSubtotal) {
-                collapseShowColSubtotal(h);
-                --colspan;
-            }
-            p = h.parent;
-            while (p !== null) {
-                p.th.colSpan -= colspan;
-                p = p.parent;
-            }
-            h.clickStatus = clickStatusCollapsed;
-            colHeaderHeader = colHeaderHeaders[h.col];
-            colHeaderHeader.expandedCount--;
-            if (colHeaderHeader.expandedCount === 0) {
-                results = [];
-                for (i = l = ref9 = h.col, ref10 = colHeaderHeaders.length - 2; ref9 <= ref10 ? l <= ref10 : l >= ref10; i = ref9 <= ref10 ? ++l : --l) {
-                    if (!(i <= colDisableAfter)) {
-                        continue;
-                    }
-                    colHeaderHeader = colHeaderHeaders[i];
-                    replaceClass(colHeaderHeader.th, classExpanded, classCollapsed);
-                    colHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colHeaderHeader.th.getAttribute("data-colAttr"));
-                    results.push(colHeaderHeader.clickStatus = clickStatusCollapsed);
-                }
-                return results;
-            }
-        };
-        showChildCol = function(ch) {
-            return $(ch.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + ch.node + "\"], th[data-colnode=\"" + ch.node + "\"]").removeClass(classColHide).addClass(classColShow).not(".pvtRowSubtotal." + classRowHide).css('display', "");
-        };
-        expandHideColSubtotal = function(h) {
-            $(h.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + h.node + "\"], th[data-colnode=\"" + h.node + "\"]").removeClass(classColCollapsed + " " + classColShow).addClass(classColExpanded + " " + classColHide).css('display', "none");
-            return h.th.style.display = "";
-        };
-        expandShowColSubtotal = function(h) {
-            $(h.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + h.node + "\"], th[data-colnode=\"" + h.node + "\"]").removeClass(classColCollapsed + " " + classColHide).addClass(classColExpanded + " " + classColShow).not(".pvtRowSubtotal." + classRowHide).css('display', "");
-            h.th.style.display = "";
-            ++h.th.colSpan;
-            if (h.sTh != null) {
-                return h.sTh.style.display = "";
-            }
-        };
-        expandChildCol = function(ch) {
-            var gch, k, len, ref8, results;
-            if (ch.descendants !== 0 && hasClass(ch.th, classColExpanded) && (isColHideOnExpand || isColDisable || ch.col > colDisableAfter)) {
-                ch.th.style.display = "";
-            } else {
-                showChildCol(ch);
-            }
-            if (ch.clickStatus !== clickStatusCollapsed) {
-                ref8 = ch.children;
-                results = [];
-                for (k = 0, len = ref8.length; k < len; k++) {
-                    gch = ref8[k];
-                    results.push(expandChildCol(gch));
-                }
-                return results;
-            }
-        };
-        expandCol = function(colHeaderHeaders, colHeaderCols, c) {
-            var ch, colspan, h, hh, isColSubtotal, k, len, p, ref8;
-            if (isColDisable) {
-                return;
-            }
-            if (isColDisableExpandCollapse) {
-                return;
-            }
-            if (!colHeaderCols[c]) {
-                return;
-            }
-            h = colHeaderCols[c];
-            if (h.col > colDisableAfter) {
-                return;
-            }
-            if (h.clickStatus === clickStatusExpanded) {
-                return;
-            }
-            isColSubtotal = h.descendants !== 0;
-            colspan = 0;
-            ref8 = h.children;
-            for (k = 0, len = ref8.length; k < len; k++) {
-                ch = ref8[k];
-                expandChildCol(ch);
-                colspan += ch.th.colSpan;
-            }
-            h.th.colSpan = colspan;
-            if (isColSubtotal) {
-                replaceClass(h.th, classColCollapsed, classColExpanded);
-                h.th.innerHTML = " " + arrowExpanded + " " + h.th.getAttribute("data-colHeader");
-                if (isColHideOnExpand) {
-                    expandHideColSubtotal(h);
-                    --colspan;
-                } else {
-                    expandShowColSubtotal(h);
-                }
-            }
-            p = h.parent;
-            while (p) {
-                p.th.colSpan += colspan;
-                p = p.parent;
-            }
-            h.clickStatus = clickStatusExpanded;
-            hh = colHeaderHeaders[h.col];
-            ++hh.expandedCount;
-            if (hh.expandedCount === hh.nHeaders) {
-                replaceClass(hh.th, classCollapsed, classExpanded);
-                hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(hh.th.getAttribute("data-colAttr"));
-                return hh.clickStatus = clickStatusExpanded;
-            }
-        };
-        collapseHideDescendantRow = function(h) {
-            var cell, cells, k, len, ref8, results, tagName;
-            h.tr.style.display = "none";
-            ref8 = ["td", "th"];
-            results = [];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                tagName = ref8[k];
-                cells = h.tr.getElementsByTagName(tagName);
-                results.push((function() {
-                    var l, len1, results1;
-                    results1 = [];
-                    for (l = 0, len1 = cells.length; l < len1; l++) {
-                        cell = cells[l];
-                        replaceClass(cell, classRowShow, classRowHide);
-                        results1.push(cell.style.display = "none");
-                    }
-                    return results1;
-                })());
-            }
-            return results;
-        };
-        collapseShowRowSubtotal = function(h) {
-            var cell, cells, k, l, len, len1, ref8, tagName;
-            ref8 = ["td", "th"];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                tagName = ref8[k];
-                cells = h.tr.getElementsByTagName(tagName);
-                for (l = 0, len1 = cells.length; l < len1; l++) {
-                    cell = cells[l];
-                    removeClass(cell, classRowExpanded + " " + classRowHide);
-                    addClass(cell, classRowCollapsed + " " + classRowShow);
-                    if (!hasClass(cell, classColHide)) {
-                        cell.style.display = "";
-                    }
-                }
-            }
-            h.th.rowSpan = 1;
-            h.th.innerHTML = " " + arrowCollapsed + " " + h.th.getAttribute("data-rowHeader");
-            return replaceClass(h.tr, classRowExpanded, classRowCollapsed);
-        };
-        collapseRow = function(rowHeaderHeaders, rowHeaderRows, r) {
-            var d, h, i, isRowSubtotal, j, k, l, p, ref10, ref8, ref9, results, rowHeaderHeader, rowspan;
-            if (isRowDisable) {
-                return;
-            }
-            if (isRowDisableExpandCollapse) {
-                return;
-            }
-            if (!rowHeaderRows[r]) {
-                return;
-            }
-            h = rowHeaderRows[r];
-            if (h.col > rowDisableAfter) {
-                return;
-            }
-            if (h.clickStatus === clickStatusCollapsed) {
-                return;
-            }
-            isRowSubtotal = h.descendants !== 0;
-            rowspan = h.th.rowSpan;
-            for (i = k = 1, ref8 = h.descendants; 1 <= ref8 ? k <= ref8 : k >= ref8; i = 1 <= ref8 ? ++k : --k) {
-                if (!(h.descendants !== 0)) {
-                    continue;
-                }
-                d = rowHeaderRows[r + i];
-                collapseHideDescendantRow(d);
-            }
-            if (isRowSubtotal) {
-                collapseShowRowSubtotal(h);
-                --rowspan;
-            }
-
-            removeRowHeaderNullValue(h);
-
-            p = h.parent;
-            while (p) {
-                p.th.rowSpan -= rowspan;
-                p = p.parent;
-            }
-            h.clickStatus = clickStatusCollapsed;
-            rowHeaderHeader = rowHeaderHeaders.hh[h.col];
-            rowHeaderHeader.expandedCount--;
-            if (rowHeaderHeader.expandedCount !== 0) {
-                return;
-            }
-            results = [];
-            for (j = l = ref9 = h.col, ref10 = rowHeaderHeaders.hh.length - 2; ref9 <= ref10 ? l <= ref10 : l >= ref10; j = ref9 <= ref10 ? ++l : --l) {
-                if (!(j <= rowDisableAfter)) {
-                    continue;
-                }
-                rowHeaderHeader = rowHeaderHeaders.hh[j];
-                replaceClass(rowHeaderHeader.th, classExpanded, classCollapsed);
-                rowHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowHeaderHeader.th.getAttribute("data-rowAttr"));
-                results.push(rowHeaderHeader.clickStatuatus = clickStatusCollapsed);
-            }
-            return results;
-        };
-        showChildRow = function(h) {
-            var cell, cells, k, l, len, len1, ref8, tagName;
-            ref8 = ["td", "th"];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                tagName = ref8[k];
-                cells = h.tr.getElementsByTagName(tagName);
-                for (l = 0, len1 = cells.length; l < len1; l++) {
-                    cell = cells[l];
-                    replaceClass(cell, classRowHide, classRowShow);
-                    if (!hasClass(cell, classColHide)) {
-                        cell.style.display = "";
-                    }
-                }
-            }
-            return h.tr.style.display = "";
-        };
-        expandShowRowSubtotal = function(h) {
-            var cell, cells, k, l, len, len1, ref8, tagName;
-            ref8 = ["td", "th"];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                tagName = ref8[k];
-                cells = h.tr.getElementsByTagName(tagName);
-                for (l = 0, len1 = cells.length; l < len1; l++) {
-                    cell = cells[l];
-                    removeClass(cell, classRowCollapsed + " " + classRowHide);
-                    addClass(cell, classRowExpanded + " " + classRowShow);
-                    if (!hasClass(cell, classColHide)) {
-                        cell.style.display = "";
-                    }
-                }
-            }
-            h.th.innerHTML = " " + arrowExpanded + " " + h.th.getAttribute("data-rowHeader");
-            return replaceClass(h.tr, classRowCollapsed, classRowExpanded);
-        };
-        expandHideRowSubtotal = function(h) {
-            var cell, cells, k, l, len, len1, ref8, tagName;
-            ref8 = ["td", "th"];
-            for (k = 0, len = ref8.length; k < len; k++) {
-                tagName = ref8[k];
-                cells = h.tr.getElementsByTagName(tagName);
-                for (l = 0, len1 = cells.length; l < len1; l++) {
-                    cell = cells[l];
-                    removeClass(cell, classRowCollapsed + " " + classRowShow);
-                    addClass(cell, classRowExpanded + " " + classRowHide);
-                    cell.style.display = "none";
-                }
-            }
-            h.th.style.display = "";
-            h.th.innerHTML = " " + arrowExpanded + " " + h.th.getAttribute("data-rowHeader");
-            return replaceClass(h.tr, classRowCollapsed, classRowExpanded);
-        };
-        expandChildRow = function(ch) {
-            var gch, k, len, ref8, results;
-            if (ch.descendants !== 0 && hasClass(ch.th, classRowExpanded) && (isRowHideOnExpand || isRowDisable || ch.col > rowDisableAfter)) {
-                ch.tr.style.display = "";
-                ch.th.style.display = "";
-            } else {
-                showChildRow(ch);
-            }
-            if (ch.clickStatus !== clickStatusCollapsed) {
-                ref8 = ch.children;
-                results = [];
-                for (k = 0, len = ref8.length; k < len; k++) {
-                    gch = ref8[k];
-                    results.push(expandChildRow(gch));
-                }
-                return results;
-            }
-        };
-        expandRow = function(rowHeaderHeaders, rowHeaderRows, r) {
-            var ch, h, hh, isRowSubtotal, k, len, p, ref8, rowspan;
-            if (isRowDisable) {
-                return;
-            }
-            if (isRowDisableExpandCollapse) {
-                return;
-            }
-            if (!rowHeaderRows[r]) {
-                return;
-            }
-            h = rowHeaderRows[r];
-            if (h.col > rowDisableAfter) {
-                return;
-            }
-            if (h.clickStatus === clickStatusExpanded) {
-                return;
-            }
-            isRowSubtotal = h.descendants !== 0;
-            rowspan = 0;
-            ref8 = h.children;
-            for (k = 0, len = ref8.length; k < len; k++) {
-                ch = ref8[k];
-                expandChildRow(ch);
-                rowspan += ch.th.rowSpan;
-            }
-            h.th.rowSpan = rowspan + 1;
-            if (isRowSubtotal) {
-                if (isRowHideOnExpand) {
-                    expandHideRowSubtotal(h);
-                } else {
-                    expandShowRowSubtotal(h);
-                }
-            }
-
-            removeRowHeaderNullValue(h);
-
-            p = h.parent;
-            while (p) {
-                p.th.rowSpan += rowspan;
-                p = p.parent;
-            }
-            h.clickStatus = clickStatusExpanded;
-            hh = rowHeaderHeaders.hh[h.col];
-            ++hh.expandedCount;
-            if (hh.expandedCount === hh.nHeaders) {
-                replaceClass(hh.th, classCollapsed, classExpanded);
-                hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(hh.th.getAttribute("data-rowAttr"));
-                return hh.clickStatus = clickStatusExpanded;
-            }
-        };
-        toggleCol = function(colHeaderHeaders, colHeaderCols, c) {
-            var h, allClass, mainClass, is_other, main_th;
-            if (colHeaderCols[c] == null) {
-                return;
-            }
-            h = colHeaderCols[c];
-            if (h.clickStatus === clickStatusCollapsed) {
-                allClass = classColCollapsed;
-                mainClass = classCollapsed;
-                expandCol(colHeaderHeaders, colHeaderCols, c);
-            } else {
-                collapseCol(colHeaderHeaders, colHeaderCols, c);
-                mainClass = classExpanded;
-                allClass = classColExpanded;
-            }
-
-            is_other = $('.pvtColLabel.'+allClass,h.tr).not('.pvtColSubtotal').length;
-            if(is_other == 0){
-                $('.pvtAxisLabel.'+mainClass,h.tr).trigger( "click" );
-            }
-
-            return h.th.scrollIntoView;
-        };
-        toggleRow = function(rowHeaderHeaders, rowHeaderRows, r) {
-            var h, allClass, mainClass, is_other, main_th, hh;
-
-            if (rowHeaderRows[r] == null) {
-                return;
-            }
-
-            h = rowHeaderRows[r];
-
-            if (rowHeaderRows[r].clickStatus === clickStatusCollapsed) {
-                expandRow(rowHeaderHeaders, rowHeaderRows, r);
-                allClass = clickStatusCollapsed;
-                mainClass = classCollapsed;
-            } else {
-                collapseRow(rowHeaderHeaders, rowHeaderRows, r);
-                allClass = clickStatusExpanded;
-                mainClass = classExpanded;
-
-                /*is_other = _.find(rowHeaderRows, {col:h.col, clickStatus:allClass});
-                 if(!is_other){
-                    hh = rowHeaderHeaders.hh[h.col];
-                    if(hh && hh.th && $(hh.th).hasClass(mainClass)){
-                        $(hh.th).trigger('click');
-                    }
-                 }*/
-            }
-
-            return h.th.scrollIntoView;
-        };
-        collapseColsAt = function(colHeaderHeaders, colHeaderCols, colAttrs, colAttr) {
-            var h, hh, i, idx, nAttrs, nCols, results;
-            if (isColDisable) {
-                return;
-            }
-            if (typeof colAttr === 'string') {
-                idx = colAttrs.indexOf(colAttr);
-            } else {
-                idx = colAttr;
-            }
-            if (idx < 0 || idx === colAttrs.length - 1) {
-                return;
-            }
-            i = idx;
-            nAttrs = colAttrs.length - 1;
-            while (i < nAttrs && i <= colDisableAfter) {
-                hh = colHeaderHeaders[i];
-                replaceClass(hh.th, classExpanded, classCollapsed);
-                hh.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colAttrs[i]);
-                hh.clickStatus = clickStatusCollapsed;
-                ++i;
-            }
-            i = 0;
-            nCols = colHeaderCols.length;
-            results = [];
-            while (i < nCols) {
-                h = colHeaderCols[i];
-                if (h.col === idx && h.clickStatus !== clickStatusCollapsed && h.th.style.display !== "none") {
-                    collapseCol(colHeaderHeaders, colHeaderCols, parseInt(h.th.getAttribute("data-colnode")));
-                }
-                results.push(++i);
-            }
-            return results;
-        };
-        expandColsAt = function(colHeaderHeaders, colHeaderCols, colAttrs, colAttr) {
-            var colHeaderHeader, h, hh, i, idx, j, k, nCols, ref8, results;
-            if (isColDisable) {
-                return;
-            }
-            if (typeof colAttr === 'string') {
-                idx = colAttrs.indexOf(colAttr);
-            } else {
-                idx = colAttr;
-            }
-            if (idx < 0 || idx === colAttrs.length - 1) {
-                return;
-            }
-            for (i = k = 0, ref8 = idx; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
-                if (i <= colDisableAfter) {
-                    hh = colHeaderHeaders[i];
-                    replaceClass(hh.th, classCollapsed, classExpanded);
-                    hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(colAttrs[i]);
-                    hh.clickStatus = clickStatusExpanded;
-                }
-                j = 0;
-                nCols = colHeaderCols.length;
-                while (j < nCols) {
-                    h = colHeaderCols[j];
-                    if (h.col === i) {
-                        expandCol(colHeaderHeaders, colHeaderCols, j);
-                    }
-                    ++j;
-                }
-            }
-            ++idx;
-            results = [];
-            while (idx < colAttrs.length - 1 && idx <= colDisableAfter) {
-                colHeaderHeader = colHeaderHeaders[idx];
-                if (colHeaderHeader.expandedCount === 0) {
-                    replaceClass(colHeaderHeader.th, classExpanded, classCollapsed);
-                    colHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colAttrs[idx]);
-                    colHeaderHeader.clickStatus = clickStatusCollapsed;
-                } else if (colHeaderHeader.expandedCount === colHeaderHeader.nHeaders) {
-                    replaceClass(colHeaderHeader.th, classCollapsed, classExpanded);
-                    colHeaderHeader.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(colAttrs[idx]);
-                    colHeaderHeader.clickStatus = clickStatusExpanded;
-                }
-                results.push(++idx);
-            }
-            return results;
-        };
-        collapseRowsAt = function(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr) {
-            var h, i, idx, j, nAttrs, nRows, results;
-            if (isRowDisable) {
-                return;
-            }
-            if (typeof rowAttr === 'string') {
-                idx = rowAttrs.indexOf(rowAttr);
-            } else {
-                idx = rowAttr;
-            }
-            if (idx < 0 || idx === rowAttrs.length - 1) {
-                return;
-            }
-            i = idx;
-            nAttrs = rowAttrs.length - 1;
-            while (i < nAttrs && i <= rowDisableAfter) {
-                h = rowHeaderHeaders.hh[i];
-                replaceClass(h.th, classExpanded, classCollapsed);
-                h.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowAttrs[i]);
-                h.clickStatus = clickStatusCollapsed;
-                ++i;
-            }
-            j = 0;
-            nRows = rowHeaderRows.length;
-            results = [];
-            while (j < nRows) {
-                h = rowHeaderRows[j];
-                if (h.col === idx && h.clickStatus !== clickStatusCollapsed && h.tr.style.display !== "none") {
-                    collapseRow(rowHeaderHeaders, rowHeaderRows, j);
-                    results.push(j = j + h.descendants + 1);
-                } else {
-                    results.push(++j);
-                }
-            }
-            return results;
-        };
-        expandRowsAt = function(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr) {
-            var h, hh, i, idx, j, k, nRows, ref8, results, rowHeaderHeader;
-            if (isRowDisable) {
-                return;
-            }
-            if (typeof rowAttr === 'string') {
-                idx = rowAttrs.indexOf(rowAttr);
-            } else {
-                idx = rowAttr;
-            }
-            if (idx < 0 || idx === rowAttrs.length - 1) {
-                return;
-            }
-            for (i = k = 0, ref8 = idx; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
-                if (i <= rowDisableAfter) {
-                    hh = rowHeaderHeaders.hh[i];
-                    replaceClass(hh.th, classCollapsed, classExpanded);
-                    hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(rowAttrs[i]);
-                    hh.clickStatus = clickStatusExpanded;
-                }
-                j = 0;
-                nRows = rowHeaderRows.length;
-                while (j < nRows) {
-                    h = rowHeaderRows[j];
-                    if (h.col === i) {
-                        expandRow(rowHeaderHeaders, rowHeaderRows, j);
-                        j += h.descendants + 1;
-                    } else {
-                        ++j;
-                    }
-                }
-            }
-            ++idx;
-            results = [];
-            while (idx < rowAttrs.length - 1 && idx <= rowDisableAfter) {
-                rowHeaderHeader = rowHeaderHeaders.hh[idx];
-                if (rowHeaderHeader.expandedCount === 0) {
-                    replaceClass(rowHeaderHeader.th, classExpanded, classCollapsed);
-                    rowHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowAttrs[idx]);
-                    rowHeaderHeader.clickStatus = clickStatusCollapsed;
-                } else if (rowHeaderHeader.expandedCount === rowHeaderHeader.nHeaders) {
-                    replaceClass(rowHeaderHeader.th, classCollapsed, classExpanded);
-                    rowHeaderHeader.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(rowAttrs[idx]);
-                    rowHeaderHeader.clickStatus = clickStatusExpanded;
-                }
-                results.push(++idx);
-            }
-            return results;
-        };
-        toggleColHeaderHeader = function(colHeaderHeaders, colHeaderCols, colAttrs, colAttr) {
-            var h, idx;
-            if (isColDisable) {
-                return;
-            }
-            if (isColDisableExpandCollapse) {
-                return;
-            }
-            idx = colAttrs.indexOf(colAttr);
-            h = colHeaderHeaders[idx];
-            if (h.col > colDisableAfter) {
-                return;
-            }
-            if (h.clickStatus === clickStatusCollapsed) {
-                h.clickStatus = clickStatusExpanded;
-                h.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(colAttr);
-                replaceClass(h.th, classCollapsed, classExpanded);
-                return expandColsAt(colHeaderHeaders, colHeaderCols, colAttrs, colAttr);
-            } else {
-                h.clickStatus = clickStatusCollapsed;
-                h.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colAttr);
-                replaceClass(h.th, classExpanded, classCollapsed);
-                return collapseColsAt(colHeaderHeaders, colHeaderCols, colAttrs, colAttr);
-            }
-        };
-        toggleRowHeaderHeader = function(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr) {
-            var idx, th;
-            if (isRowDisable) {
-                return;
-            }
-            if (isRowDisableExpandCollapse) {
-                return;
-            }
-            idx = rowAttrs.indexOf(rowAttr);
-            th = rowHeaderHeaders.hh[idx];
-            if (th.col > rowDisableAfter) {
-                return;
-            }
-            if (th.clickStatus === clickStatusCollapsed) {
-                th.clickStatus = clickStatusExpanded;
-                th.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(rowAttr);
-                replaceClass(th.th, classCollapsed, classExpanded);
-                return expandRowsAt(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr);
-            } else {
-                th.clickStatus = clickStatusCollapsed;
-                th.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowAttr);
-                replaceClass(th.th, classExpanded, classCollapsed);
-                return collapseRowsAt(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr);
-            }
-        };
-
-        handleFreezePanesScroll = function(freezableElements) {
-            return function(event) {
-                if (event.target.dataset.canFreezePanes) return;
-
-                const wrapper = event.target;
-
-                const translateY = `translate(0px, ${wrapper.scrollTop}px)`;
-                const translateX = `translate(${wrapper.scrollLeft}px, 0px)`;
-                const translateXY = `translate(${wrapper.scrollLeft}px, ${wrapper.scrollTop}px)`;
-
-                _.forEach(freezableElements, function (element) {
-                    let currentTranslate = translateY;
-                    currentTranslate = element.className.includes(elementToTransform.X) ? translateX : currentTranslate;
-                    currentTranslate = element.className.includes(elementToTransform.XY) ? translateXY : currentTranslate;
-                    element.style.transform = currentTranslate;
-                });
-            }
-        };
-
-        selectFreezableElements = function(wrapper) {
-            const selectString =_.map(Object.values(elementToTransform), function (item) {
-                return `.${item.replace(' ', '')}`;
-            }).join(',');
-            return Array.from(wrapper.querySelectorAll(selectString));
-        }
-
-        main = function(rowAttrs, rowKeys, colAttrs, colKeys) {
-            var c,rowspan, colHeaderCols, colHeaderHeaders, colHeaders, h, k, l, len, len1, result, rowHeaderHeaders, rowHeaderRows, rowHeaders, tbody, thead, tr;
-            rowHeaders = [];
-            colHeaders = [];
-            rowHeaderHeaders = {};
-            rowHeaderRows = [];
-            colHeaderHeaders = [];
-            colHeaderCols = [];
-            if (rowAttrs.length > 0 && rowKeys.length > 0) {
-                rowHeaders = processKeys(rowKeys, "pvtRowLabel", 'rows', rowAttrs);
-            }
-            if (colAttrs.length > 0 && colKeys.length > 0) {
-                colHeaders = processKeys(colKeys, "pvtColLabel", 'cols', colAttrs);
-            }
-            var tableClasses = useNewUx && opts.chartOptions.table_options.use_new_table_design ? 'pvtTable newPvtTable' : 'pvtTable';
-            result = createElement("table", tableClasses , null, {
-                style: "display: none;"
-            });
-
-            colorizeTableIfNeed(result);
-
-            thead = createElement("thead");
-            result.appendChild(thead);
-            if (colAttrs.length > 0) {
-                buildColHeaderHeaders(thead, colHeaderHeaders, rowAttrs, colAttrs);
-                for (k = 0, len = colHeaders.length; k < len; k++) {
-                    h = colHeaders[k];
-                    buildColHeaders(colHeaderHeaders, colHeaderCols, h, rowAttrs, colAttrs);
-                }
-                buildColHeaderHeadersClickEvents(colHeaderHeaders, colHeaderCols, colAttrs);
-            }
-            if (rowAttrs.length > 0) {
-                buildRowHeaderHeaders(thead, rowHeaderHeaders, rowAttrs, colAttrs);
-                if (colAttrs.length === 0 && opts.chartOptions.table_options.show_row_total) {
-                    buildRowTotalsHeader(rowHeaderHeaders.tr, rowAttrs, colAttrs);
-                }
-            }
-            if (colAttrs.length > 0 && opts.chartOptions.table_options.show_row_total) {
-                buildRowTotalsHeader(colHeaderHeaders[0].tr, rowAttrs, colAttrs);
-                if(opts.chartOptions.table_options.colorize_headers == true){
-                    for (c=1; c<colHeaderHeaders.length; c++){
-                        rowspan = 1;
-                        if(c == colHeaderHeaders.length-1){
-                            rowspan = 2;
-                        }
-                        colHeaderHeaders[c].tr.appendChild(createElement("th", verticalFreezePaneClass, "",{rowspan: rowspan}));
-                        if (opts.chartOptions.table_options.freeze_panes) {
-                            getHeaderColorProperties(colHeaderHeaders[c].tr, c);
-                        }
-                    }
-                }
-            }
-            tbody = createElement("tbody");
-            result.appendChild(tbody);
-
-            const hasColLabels = !!thead.querySelector('.pvtColLabel');
-
-            if (rowAttrs.length > 0) {
-                for (l = 0, len1 = rowHeaders.length; l < len1; l++) {
-                    h = rowHeaders[l];
-                    buildRowHeaders(tbody, rowHeaderHeaders, rowHeaderRows, h, rowAttrs, colAttrs, l%2 === 0, hasColLabels);
-                }
-            }
-            buildRowHeaderHeadersClickEvents(rowHeaderHeaders, rowHeaderRows, rowAttrs);
-            buildValues(rowHeaderRows, colHeaderCols, rowAttrs, colAttrs);
-            if(opts.chartOptions.table_options.show_column_total){
-                tr = buildColTotalsHeader(rowAttrs, colAttrs);
-                if (colAttrs.length > 0) {
-                    buildColTotals(tr, colHeaderCols, rowAttrs, colAttrs);
-                }
-                if(opts.chartOptions.table_options.show_row_total)
-                    buildGrandTotal(tbody, tr, rowAttrs, colAttrs);
-                else
-                    tbody.appendChild(tr);
-            }
-
-            result.setAttribute("data-numrows", rowKeys.length);
-            result.setAttribute("data-numcols", colKeys.length);
-            if ((opts.collapseRowsAt == null) && (opts.collapseColsAt == null)) {
-                result.style.display = "";
-            }
-            if (opts.collapseRowsAt != null) {
-                collapseRowsAt(rowHeaderHeaders, rowHeaderRows, rowAttrs, opts.collapseRowsAt);
-            }
-            if (opts.collapseColsAt != null) {
-                collapseColsAt(colHeaderHeaders, colHeaderCols, colAttrs, opts.collapseColsAt);
-            }
-            result.style.display = "";
-
-            var resultsArr = [];
-            var additionOptions = opts.chartOptions ? opts.chartOptions : null;
-
-            if (opts && opts.chart_title && !opts.chartOptions.hideChartHeader) {
-                var title = document.createElement("div");
-                title.className = "title";
-                title.innerText = opts.chart_title;
-                resultsArr.push(title);
-            }
-
-            if (additionOptions && additionOptions.subtitle && !opts.chartOptions.hideChartHeader) {
-                var subTitle = document.createElement("div");
-                subTitle.className = "sub-title";
-                subTitle.innerText = additionOptions.subtitle.subtitle;
-                resultsArr.push(subTitle);
-            }
-
-            if (tooMuch) {
-                resultsArr.push($('<div class="noData"><i class="fa fa-info"></i> There are too many rows to display in the table.<br>Please filter or change the table type in options.</div>'));
-            } else {
-                var tableContainer = document.createElement("div");
-                tableContainer.className = "pivot-div";
-                tableContainer.appendChild(result);
-                if (opts.chartOptions.table_options.freeze_panes) {
-                    tableContainer.onscroll = handleFreezePanesScroll(selectFreezableElements(tableContainer));
-                }
-                resultsArr.push(tableContainer);
-            }
-
-            var wrapper = document.createElement("div");
-            wrapper.className = "pivot-wrapper";
-
-            $(wrapper).append(resultsArr);
-
-            return wrapper;
-        };
-        return main(rowAttrs, rowKeys, colAttrs, colKeys);
-    };
-    // $.pivotUtilities.subtotal_renderers = SubtotalRenderer;
-    $.pivotUtilities.subtotal_renderers = NovixRenderer;
-    $.pivotUtilities.delim = delim;
-
-    $.pivotUtilities.getFormattedNumber = getFormattedNumber;
-    $.pivotUtilities.sortDateStrings = sortDateStrings;
-    $.pivotUtilities.largeToSmallSort = largeToSmallSort;
-    $.pivotUtilities.getPivotDataModel = function(input, opts){ return new DRPivotData(input, opts); }
-    $.pivotUtilities.getPivotTableFormula = function(rowData, opts, func, colFields, rowFields, aggregationDefaults, utils) {
-        let totalStr = 'Grand Totals';
-        let pivotData = new DRPivotData(rowData, opts);
-        let rowAttrs = pivotData.rowAttrs;
-        let rowKeys = pivotData.getRowKeys();
-        let colAttrs = pivotData.colAttrs;
-        let colKeys = pivotData.getColKeys();
-
-        if ((rowKeys.length || 1) * (colKeys.length || 1) > 10000) {
-            throw new Error(`Can't create table formula. The table has many rows or columns`);
-        }
-
-        let rowValuesIndex = colAttrs.length;
-        let colValuesIndex = rowAttrs.length;
-        let matrix = [];
-        let colFormulas = [];
-        let rowFormulas = [];
-        let aggregation = utils.getAggregationConfigFromFields(func, colFields, rowFields, aggregationDefaults);
-
-        // Create headers
-        if (rowAttrs && rowAttrs.length && colAttrs && colAttrs.length) {
-            colValuesIndex += 1;
-            rowValuesIndex += 1;
-
-            // Free place in formulas arrays
-            colFormulas = new Array(colValuesIndex).fill(null);
-            rowFormulas = new Array(rowValuesIndex).fill(null);
-
-            for (let i = 0; i < colAttrs.length; i++) {
-                // Free place in row start
-                let headerRow = new Array(rowAttrs.length).fill(null);
-                // Add col field name
-                headerRow.push(colAttrs[i]);
-                // Add row keys
-                _.forEach(colKeys, function (keys) {
-                    headerRow.push(utils.getHeaderValue(keys[i], colFields[i].type));
-                    // Calc formulas in first time
-                    if (i === 0) {
-                        colFormulas.push(utils.createKeysFormula(colFields, keys, colFormulas.length + 1, true));
-                    }
-                });
-
-                // Add row to matrix
-                matrix.push(headerRow);
-            }
-
-            // Add row fields + free space under cols + Grand Totals right
-            matrix.push(rowAttrs.concat(new Array(colKeys.length + 1).fill(null)).concat(totalStr));
-            // Row Headers
-            for (let i = 0; i < rowKeys.length; i++) {
-                // Formatting row keys
-                let keysFormatted = [];
-                for (let k = 0; k < rowKeys[i].length; k++) {
-                    keysFormatted.push(utils.getHeaderValue(rowKeys[i][k], rowFields[k].type))
-                }
-                // Add row keys
-                matrix.push(keysFormatted.concat(null));
-                // Calc formulas
-                rowFormulas.push(utils.createKeysFormula(rowFields, rowKeys[i], rowFormulas.length + 1));
-            }
-            // Add Grand Totals bottom
-            matrix.push(new Array(rowAttrs.length).fill(null).concat(totalStr));
-
-            // Fill values
-            for (let y = rowValuesIndex; y < matrix.length; y++) {
-                for (let x = colValuesIndex; x < matrix[rowValuesIndex - 1].length; x++) {
-                    matrix[y][x] = utils.createCellFormula(func, colFormulas[x], rowFormulas[y], aggregation);
-                }
-            }
-        } else if (colAttrs && colAttrs.length) {
-            colFormulas = new Array(null);
-
-            for (let i = 0; i < colAttrs.length; i++) {
-                // Add col field name
-                let headerRow = [colAttrs[i]];
-                // Add keys
-                _.forEach(colKeys, function (keys) {
-                    headerRow.push(utils.getHeaderValue(keys[i], colFields[i].type));
-                    // Calc formulas in first time
-                    if (i === 0) {
-                        colFormulas.push(utils.createKeysFormula(colFields, keys, colFormulas.length + 1, true));
-                    }
-                });
-
-                // Add row to matrix
-                matrix.push(headerRow);
-            }
-
-            // Add Grand Totals right
-            matrix[matrix.length - 1].push(totalStr);
-            // Add Grand Totals bottom
-            matrix.push([totalStr]);
-
-            // Fill totals
-            for (let x = 1; x < matrix[matrix.length - 2].length; x++) {
-                matrix[matrix.length - 1][x] = utils.createCellFormula(func, colFormulas[x], '', aggregation);
-            }
-        } else if (rowAttrs && rowAttrs.length) {
-            rowFormulas = new Array(null);
-
-            // Add row fields + Grand Totals right
-            matrix.push(rowAttrs.concat(totalStr));
-            // Row Headers
-            for (let i = 0; i < rowKeys.length; i++) {
-                // Formatting row keys
-                let keysFormatted = [];
-                for (let k = 0; k < rowKeys[i].length; k++) {
-                    keysFormatted.push(utils.getHeaderValue(rowKeys[i][k], rowFields[k].type))
-                }
-                // Add row keys
-                matrix.push(keysFormatted);
-                // Calc formulas
-                rowFormulas.push(utils.createKeysFormula(rowFields, rowKeys[i], rowFormulas.length + 1));
-            }
-            // Add Grand Totals bottom
-            matrix.push(new Array(rowAttrs.length - 1).fill(null).concat(totalStr));
-
-            // Fill totals
-            for (let y = 1; y < matrix.length; y++) {
-                matrix[y][rowAttrs.length] = utils.createCellFormula(func, '', rowFormulas[y], aggregation);
-            }
-        } else {
-            matrix = [[totalStr, utils.createCellFormula(func, '', '', aggregation)]];
-        }
-
-        return matrix;
-    };
-};
-
-module.exports = initDRPivotTable;
+let initDRPivotTable = function($, window, document) {
+    var hasProp = {}.hasOwnProperty;
+    var slice = [].slice;
+    var extend = function(child, parent) { for (var key in parent) { if (hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+
+    var DRPivotData, sortDateStrings, getSort, processKey, SubtotalRenderer, getFormattedNumber, largeToSmallSort, NovixRenderer;
+
+    var delim = " , ";
+    const newTableColors = ['rgb(127, 196, 255)', 'rgb(200, 243,243)', 'rgb(247, 161, 173)', 'rgb(255, 237, 178)', 'rgb(221, 239, 255)',
+        'rgb(171, 216, 255)', 'rgb(174, 231, 220)', 'rgb(227, 255, 236)', 'rgb(162, 215, 227)', 'rgb(223, 239, 236)'];
+    const useNewUx = document.ReportHippo && document.ReportHippo && document.ReportHippo.user &&
+      document.ReportHippo.user.organization.settings && document.ReportHippo.user.organization.settings.use_new_ux;
+    // const numberOfRows = 500; // change to activate the handsontable when num of rows bigger then this.
+
+    DRPivotData = (function(superClass) {
+        extend(DRPivotData, superClass);
+
+        function DRPivotData(input, opts) {
+            DRPivotData.__super__.constructor.call(this, input, opts);
+        }
+
+        getSort = function(sorters, attr) {
+            var sort;
+            sort = sorters(attr);
+            if ($.isFunction(sort)) {
+                return sort;
+            } else {
+                return $.pivotUtilities.naturalSort;
+            }
+        };
+
+        DRPivotData.prototype.forEachRecord = function(input, derivedAttributes, f) {
+            var addRecord, compactRecord, i, j, k, l, len1, record, ref, results, results1, tblCols;
+            if ($.isEmptyObject(derivedAttributes)) {
+                addRecord = f;
+            } else {
+                addRecord = function(record) {
+                    var k, ref, v;
+                    for (k in derivedAttributes) {
+                        v = derivedAttributes[k];
+                        record[k] = (ref = v(record)) != null ? ref : record[k];
+                    }
+                    return f(record);
+                };
+            }
+            if ($.isFunction(input)) {
+                return input(addRecord);
+            } else if ($.isArray(input)) {
+                if ($.isArray(input[0])) {
+                    results = [];
+                    for (i in input) {
+                        if (!hasProp.call(input, i)) continue;
+                        compactRecord = input[i];
+                        if (!(i > 0)) {
+                            continue;
+                        }
+                        record = {};
+                        ref = input[0];
+                        for (j in ref) {
+                            if (!hasProp.call(ref, j)) continue;
+                            k = ref[j];
+                            record[k] = compactRecord[j];
+                        }
+                        results.push(addRecord(record));
+                    }
+                    return results;
+                } else {
+                    results1 = [];
+                    for (l = 0, len1 = input.length; l < len1; l++) {
+                        record = input[l];
+                        results1.push(addRecord(record));
+                    }
+                    return results1;
+                }
+            } else if (input instanceof jQuery) {
+                tblCols = [];
+                $("thead > tr > th", input).each(function(i) {
+                    return tblCols.push($(this).text());
+                });
+                return $("tbody > tr", input).each(function(i) {
+                    record = {};
+                    $("td", this).each(function(j) {
+                        return record[tblCols[j]] = $(this).html();
+                    });
+                    return addRecord(record);
+                });
+            } else {
+                throw new Error("unknown input format");
+            }
+        };
+
+        DRPivotData.prototype.arrSort = function(attrs) {
+            var a, sortersArr;
+            sortersArr = (function() {
+                var l, len1, results;
+                results = [];
+                for (l = 0, len1 = attrs.length; l < len1; l++) {
+                    a = attrs[l];
+                    results.push(getSort(this.sorters, a));
+                }
+                return results;
+            }).call(this);
+            return function(a, b) {
+                var comparison, i, sorter;
+                for (i in sortersArr) {
+                    sorter = sortersArr[i];
+                    comparison = sorter(a[i], b[i]);
+                    if (comparison !== 0) {
+                        return comparison;
+                    }
+                }
+                return 0;
+            };
+        };
+
+        processKey = function(record, totals, keys, attrs, getAggregator) {
+            var addKey, attr, flatKey, k, key, len, ref;
+            key = [];
+            addKey = false;
+            for (k = 0, len = attrs.length; k < len; k++) {
+                attr = attrs[k];
+                key.push((ref = record[attr]) != null ? ref : "null");
+                flatKey = key.join(delim);
+                if (!totals[flatKey]) {
+                    totals[flatKey] = getAggregator(key.slice());
+                    addKey = true;
+                }
+                totals[flatKey].push(record);
+            }
+            if (addKey) {
+                keys.push(key);
+            }
+            return key;
+        };
+
+        let newProcessKey = function (record, totals, keys, attrs, getAggregator) {
+            var addKey, attr, flatKey, k, key, len, ref;
+            key = [];
+            addKey = false;
+            for (k = 0, len = attrs.length; k < len; k++) {
+                attr = attrs[k];
+                if (record.hasOwnProperty(attr)) {
+                    key.push((ref = record[attr]));
+                    flatKey = key.join(delim);
+                }
+                if (totals[flatKey] && totals[flatKey].isChangeable) {
+                    continue;
+                }
+                if (!flatKey) return [];
+                if (!totals[flatKey]) {
+                    totals[flatKey] = getAggregator(key.slice());
+                    addKey = true;
+                } else {
+                    totals[flatKey] = getAggregator(key.slice());
+                    totals[flatKey].push(record);
+                }
+            }
+            if (addKey) {
+                keys.push(key);
+            }
+            return key;
+        };
+
+        DRPivotData.prototype.processRecord = function(record, useTotalsCalculation) {
+            var colKey, fColKey, fRowKey, flatColKey, flatRowKey, i, j, k, m, n, ref, results, rowKey;
+            rowKey = [];
+            colKey = [];
+            if (useTotalsCalculation) {
+                rowKey = newProcessKey(record, this.rowTotals, this.rowKeys, this.rowAttrs, (function(_this) {
+                    return function(key) {
+                        return _this.aggregator(_this, key, []);
+                    };
+                })(this));
+                colKey = newProcessKey(record, this.colTotals, this.colKeys, this.colAttrs, (function(_this) {
+                    return function(key) {
+                        return _this.aggregator(_this, [], key);
+                    };
+                })(this));
+
+                if (!colKey.length && !rowKey.length) {
+                    this.allTotal.push(record);
+                }
+                if (!colKey.length && rowKey.length === 1) {
+                    this.rowTotals[rowKey[0]].push(record);
+                    this.rowTotals[rowKey[0]].isChangeable = true;
+                }
+                if (!rowKey.length && colKey.length === 1) {
+                    this.colTotals[colKey[0]].push(record);
+                    this.colTotals[colKey[0]].isChangeable = true;
+                }
+            } else {
+                this.allTotal.push(record);
+                rowKey = processKey(record, this.rowTotals, this.rowKeys, this.rowAttrs, (function(_this) {
+                    return function(key) {
+                        return _this.aggregator(_this, key, []);
+                    };
+                })(this));
+                colKey = processKey(record, this.colTotals, this.colKeys, this.colAttrs, (function(_this) {
+                    return function(key) {
+                        return _this.aggregator(_this, [], key);
+                    };
+                })(this));
+            }
+
+            m = rowKey.length - 1;
+            n = colKey.length - 1;
+            if (m < 0 || n < 0) {
+                return;
+            }
+            results = [];
+            for (i = k = 0, ref = m; 0 <= ref ? k <= ref : k >= ref; i = 0 <= ref ? ++k : --k) {
+                fRowKey = rowKey.slice(0, i + 1);
+                flatRowKey = fRowKey.join(delim);
+                if (!this.tree[flatRowKey]) {
+                    this.tree[flatRowKey] = {};
+                }
+                results.push((function() {
+                    var l, ref1, results1;
+                    results1 = [];
+                    for (j = l = 0, ref1 = n; 0 <= ref1 ? l <= ref1 : l >= ref1; j = 0 <= ref1 ? ++l : --l) {
+                        fColKey = colKey.slice(0, j + 1);
+                        flatColKey = fColKey.join(delim);
+                        if (!this.tree[flatRowKey][flatColKey]) {
+                            this.tree[flatRowKey][flatColKey] = this.aggregator(this, fRowKey, fColKey);
+                        }
+                        results1.push(this.tree[flatRowKey][flatColKey].push(record));
+                    }
+                    return results1;
+                }).call(this));
+            }
+            return results;
+        };
+
+        DRPivotData.prototype.getAggregator = function(rowKey, colKey) {
+            var agg, flatColKey, flatRowKey;
+            flatRowKey = rowKey.join(delim);
+            flatColKey = colKey.join(delim);
+            if (rowKey.length === 0 && colKey.length === 0) {
+                agg = this.allTotal;
+            } else if (rowKey.length === 0) {
+                agg = this.colTotals[flatColKey];
+            } else if (colKey.length === 0) {
+                agg = this.rowTotals[flatRowKey];
+            } else {
+                agg = this.tree[flatRowKey][flatColKey];
+            }
+            return agg != null ? agg : {
+                value: (function() {
+                    return null;
+                }),
+                format: function() {
+                    return "";
+                }
+            };
+        };
+
+        return DRPivotData;
+
+    })($.pivotUtilities.PivotData);
+
+    sortDateStrings = function(month_order) {
+        var i, mapping, x;
+        mapping = {};
+        var order = [
+            {"month":"jan", "versions": ['january', 'jan', 'ja'], weight:1},
+            {"month":"feb", "versions": ['february', 'feb', 'fe'], weight:2},
+            {"month":"mar", "versions": ['march', 'mar', 'mr'], weight:3},
+            {"month":"apr", "versions": ['april', 'apr', 'ap','al'], weight:4},
+            {"month":"may", "versions": ['may', 'ma'], weight:5},
+            {"month":"jun", "versions": ['june', 'jun','jn'], weight:6},
+            {"month":"jul", "versions": ['july', 'jul','jl'], weight:7},
+            {"month":"aug", "versions": ['august', 'aug', 'au'], weight:8},
+            {"month":"sep", "versions": ['september', 'sept', 'sep','sp','se'], weight:9},
+            {"month":"oct", "versions": ['october','oct', 'oc'], weight:10},
+            {"month":"nov", "versions": ['november', 'nov', 'no'], weight:11},
+            {"month":"dec", "versions": ['december', 'dec', 'de'], weight:12}
+        ];
+        var pattern = /(\d{1,4})|(Ja(n)?(uary)?|Fe(b)?(ruary)?|Mar(ch)?|mr|Ap(r)?(il)?|al|Ma(y)?|Jun(e)?|jn|Jul(y)?|jl|Aug(ust)?|au|Se(p)?(t)?(ember)?|sp|Oc(t)?(ober)?|No(v)?(ember)?|De(c)?(ember)?)/ig
+        if(month_order){
+            for(i=0; i<month_order.length; i++){
+                var find_row = _.find(order, {month:month_order[i]});
+                if(find_row){
+                    find_row.weight = i+1;
+                }
+            }
+        }
+
+        _.forEach(order, function(month_obj){
+            _.forEach(month_obj.versions, function(val){
+                mapping[val] = month_obj.weight*31;
+            });
+        });
+
+        var getIndexForVal = function(value){
+            var to_return = 0, matches, i;
+            if (typeof value === 'string' || value instanceof String){
+                matches = value.match(pattern);
+                var numbers = 0;
+                var i = 0;
+                _.forEach(matches, function(v)
+                {
+                    i++;
+                    v = v.trim().toLowerCase();
+                    var res = 0;
+
+                    if(mapping[v] != undefined){
+                        res = mapping[v];
+                    }
+                    else{
+                        try {
+                            res = parseInt(v)
+                            if(res > 31 || numbers > 1 || i == matches.length)
+                                res *=1000
+                            numbers++;
+                        }
+                        catch(er){
+                            res = 0
+                        }
+                    }
+                    if(res == NaN){
+                        res = 0
+                    }
+                    to_return += res
+                });
+            }
+            else{
+                try {
+                    to_return = parseInt(value)
+                }
+                catch(er){
+                    to_return = value
+                }
+            }
+
+            return to_return;
+        };
+
+        return function(a, b) {
+            return $.pivotUtilities.naturalSort(getIndexForVal(a), getIndexForVal(b));
+        };
+    };
+
+    largeToSmallSort = function(as, bs) {
+        var a, a1, b, b1, rd, rx, rz;
+        rx = /(\d+)|(\D+)/g;
+        rd = /\d/;
+        rz = /^0/;
+        if (typeof as === "number" || typeof bs === "number") {
+            if (isNaN(as)) {
+                return -1;
+            }
+            if (isNaN(bs)) {
+                return 1;
+            }
+            return bs - as;
+        }
+        a = String(as).toLowerCase();
+        b = String(bs).toLowerCase();
+        if (a === b) {
+            return 0;
+        }
+        if (!(rd.test(a) && rd.test(b))) {
+            return (b > a ? 1 : -1);
+        }
+        a = a.match(rx);
+        b = b.match(rx);
+        while (a.length && b.length) {
+            a1 = a.shift();
+            b1 = b.shift();
+            if (a1 !== b1) {
+                if (rd.test(a1) && rd.test(b1)) {
+                    return b1.replace(rz, ".0") - a1.replace(rz, ".0");
+                } else {
+                    return (b1 > a1 ? 1 : -1);
+                }
+            }
+        }
+        return b.length - a.length;
+    };
+
+    $.pivotUtilities.DRPivotData = DRPivotData;
+
+    getFormattedNumber = function(val, aggregator, opts, format_argument) {
+        if (!aggregator) {
+            aggregator = {};
+            aggregator.format = function(val) {
+                return val.toLocaleString();
+            }
+        }
+        if (val < 0 && opts && opts.chartOptions && opts.chartOptions.negative_numbers && opts.chartOptions.negative_numbers.value) {
+            switch (opts.chartOptions.negative_numbers.value) {
+                case 'red_minus':
+                    return '<span style="color: red; fill: red;">' + aggregator.format(val, format_argument) + '</span>';
+                    break;
+                case 'absolute':
+                    return '(' + aggregator.format(Math.abs(val), format_argument) + ')';
+                    break;
+                case 'red_absolute':
+                    return '<span style="color: red; fill: red;">(' + aggregator.format(Math.abs(val), format_argument) + ')</span>';
+                    break;
+                default:
+                    return aggregator.format(val, format_argument);
+            }
+        }
+        return aggregator.format(val, format_argument);
+    };
+
+    NovixRenderer = function(pvtData, opts, charttype) {
+        var resultsArr = [];
+        var additionOptions = opts.chartOptions ? opts.chartOptions : null;
+        if (additionOptions && additionOptions.table_options.use_handsOnTable) {
+            if (opts && opts.chart_title && !opts.chartOptions.hideChartHeader) {
+                var title = document.createElement("div");
+                title.className = "title";
+                title.innerText = opts.chart_title;
+                resultsArr.push(title);
+            }
+
+            if (additionOptions && additionOptions.subtitle && additionOptions.subtitle.subtitle && !opts.chartOptions.hideChartHeader) {
+                console.log("subtitle", additionOptions.subtitle);
+                var subTitle = document.createElement("div");
+                subTitle.className = "sub-title";
+                subTitle.innerText = additionOptions.subtitle.subtitle;
+                resultsArr.push(subTitle);
+            }
+
+            resultsArr.push($.pivotUtilities.novix_renderers["Pivot Table"](pvtData, opts));
+
+            // var wrapper = document.createElement("div");
+            // wrapper.className = "pivot-wrapper2";
+            // $(wrapper).append(resultsArr);
+
+            return resultsArr;
+        } else {
+            let tooMuch = false;
+            if (pvtData && (pvtData.rowKeys.length > 1000 || pvtData.colKeys.length > 500) &&
+                (!opts.show_more_function_cols || !opts.show_more_function_cols)) {
+                pvtData.rowKeys = [];
+                pvtData.colKeys = [];
+                tooMuch = true;
+                opts.error_has_occurred = true;
+                opts.error_params = $.pivotUtilities.errorHandling.placeholders.tooMuchData;
+            }
+            return SubtotalRenderer(pvtData, opts, charttype, tooMuch, opts.error_params);
+        }
+    }
+
+    SubtotalRenderer = function(pivotData, opts, charttype, tooMuch = false, error_params) {
+        var addClass, allTotal, arrowCollapsed, arrowExpanded, buildColHeaderHeader, buildColHeaderHeaders, buildColHeaderHeadersClickEvents, buildColHeaders, buildColTotals, buildColTotalsHeader, buildGrandTotal, buildRowHeaderHeaders, buildRowHeaderHeadersClickEvents, buildRowHeaders, buildRowTotalsHeader, buildValues, classColCollapsed, classColExpanded, classColHide, classColShow, classCollapsed, classExpanded, classRowCollapsed, classRowExpanded, classRowHide, classRowShow, clickStatusCollapsed, clickStatusExpanded, colAttrs, colDisableAfter, colKeys, colTotals, collapseCol, collapseColsAt, collapseHideDescendantRow, collapseRow, collapseRowsAt, collapseShowColSubtotal, collapseShowRowSubtotal, createElement, defaults, expandChildCol, expandChildRow, expandCol, expandColsAt, expandHideColSubtotal, expandHideRowSubtotal, expandRow, expandRowsAt, expandShowColSubtotal, expandShowRowSubtotal, getTableEventHandlers, hasClass, hideDescendantCol, isColDisable, isColDisableExpandCollapse, isColHideOnExpand, isRowDisable, isRowDisableExpandCollapse, isRowHideOnExpand, main, getSubtotalInBrackets, processKeys, encodeHtmlEntities, ref, ref1, ref2, ref3, ref4, ref5, ref6, ref7, removeClass, replaceClass, rowAttrs, rowDisableAfter, rowKeys, rowTotals, setAttributes, showChildCol, showChildRow, toggleCol, toggleColHeaderHeader, toggleRow, toggleRowHeaderHeader, tree, assumptionSubscribe;
+        var createTotalValsBolder, createGrandTotalBolder, getHeaderColorProperties, colorizeRowLabelHeaders, colorizeTableIfNeed, valueNoDashes, getColorsWithOffsetForTable, offsetColors, handleFreezePanesScroll, selectFreezableElements, removeRowHeaderNullValue;
+        var edit_assumptions;
+
+        var horizontalFreezePaneClass = opts.chartOptions.table_options.freeze_panes ? ' horizontal-freeze-pane' : '';
+        var verticalFreezePaneClass = opts.chartOptions.table_options.freeze_panes ? ' vertical-freeze-pane' : '';
+        var axisFreezePaneClass = opts.chartOptions.table_options.freeze_panes ? ' axis-freeze-pane' : '';
+
+        var elementToTransform = {
+            X: horizontalFreezePaneClass,
+            Y: verticalFreezePaneClass,
+            XY: axisFreezePaneClass,
+        }
+
+        defaults = {
+            table: {
+                clickCallback: null
+            },
+            localeStrings: {
+                totals: "Grand Totals",
+                subtotals: "Subtotal"
+            },
+            chartOptions:{
+                table_options:{
+                    show_column_total:true,
+                    show_row_total:true
+                }
+            },
+            totalFilterElements: null,
+            resetSortingElement: null,
+            nextSortingElement: null,
+            prevSortingElement: null,
+            show_more_function_cols: null,
+            show_more_function_rows: null,
+            show_more_max_items: 10,
+            labelsConvertFunction: function(str){return str;}
+        };
+        opts = $.extend(true, {}, defaults, opts);
+
+        if(opts.chartOptions.table_options.start_collapsed_rows) {
+            opts.collapseRowsAt = 0;
+        }
+        if(opts.chartOptions.table_options.start_collapsed_columns) {
+            opts.collapseColsAt = 0;
+        }
+        edit_assumptions = opts.chartOptions.edit_assumptions;
+        isRowDisable = (ref = opts.rowSubtotalDisplay) != null ? ref.disableSubtotal : void 0;
+        isRowHideOnExpand = (ref1 = opts.rowSubtotalDisplay) != null ? ref1.hideOnExpand : !opts.chartOptions.table_options.show_subtotals_for_rows;
+        isRowDisableExpandCollapse = (ref2 = opts.rowSubtotalDisplay) != null ? ref2.disableExpandCollapse : void 0;
+        rowDisableAfter = (ref3 = opts.rowSubtotalDisplay) != null ? ref3.disableAfter != null ? ref3.disableAfter : ref3.disableAfter = 9999 : void 0;
+        isColDisable = (ref4 = opts.colSubtotalDisplay) != null ? ref4.disableSubtotal : void 0;
+        isColHideOnExpand = (ref5 = opts.colSubtotalDisplay) != null ? ref5.hideOnExpand : !opts.chartOptions.table_options.show_subtotals_for_columns;
+        isColDisableExpandCollapse = (ref6 = opts.colSubtotalDisplay) != null ? ref6.disableExpandCollapse : void 0;
+        colDisableAfter = (ref7 = opts.colSubtotalDisplay) != null ? ref7.disableAfter != null ? ref7.disableAfter : ref7.disableAfter = 9999 : void 0;
+        arrowCollapsed = opts.arrowCollapsed != null ? opts.arrowCollapsed : opts.arrowCollapsed = '<i class="fa fa-plus dr-icon-add"></i> ';
+        arrowExpanded = opts.arrowExpanded != null ? opts.arrowExpanded : opts.arrowExpanded = '<i class="fa fa-minus dr-icon-minus"></i> ';
+        colAttrs = pivotData.colAttrs;
+        rowAttrs = pivotData.rowAttrs;
+        rowKeys = pivotData.getRowKeys();
+
+        if (charttype == 'column-chart' || charttype == 'column-chart-stacked') {
+            if (_.get(opts, 'chartOptions.table_options.transpose_table', false)) {
+                rowAttrs = [rowAttrs[0]];
+                if (rowKeys && rowKeys.length) {
+                    rowKeys = rowKeys.map( function(_, index) {
+                        return [rowKeys[index][0]];
+                    });
+                }
+            } else {
+                colAttrs = [colAttrs[0]];
+            }
+        }
+        colKeys = pivotData.getColKeys();
+        tree = pivotData.tree;
+        rowTotals = pivotData.rowTotals;
+        colTotals = pivotData.colTotals;
+        allTotal = pivotData.allTotal;
+        classRowExpanded = "rowexpanded";
+        classRowCollapsed = "rowcollapsed";
+        classRowHide = "rowhide";
+        classRowShow = "rowshow";
+        classColExpanded = "colexpanded";
+        classColCollapsed = "colcollapsed";
+        classColHide = "colhide";
+        classColShow = "colshow";
+        clickStatusExpanded = "expanded";
+        clickStatusCollapsed = "collapsed";
+        classExpanded = "expanded";
+        classCollapsed = "collapsed";
+        hasClass = function(element, className) {
+            var regExp;
+            regExp = new RegExp("(?:^|\\s)" + className + "(?!\\S)", "g");
+            return element.className.match(regExp) !== null;
+        };
+        removeClass = function(element, className) {
+            var k, len, name, ref8, regExp, results;
+            ref8 = className.split(" ");
+            results = [];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                name = ref8[k];
+                regExp = new RegExp("(?:^|\\s)" + name + "(?!\\S)", "g");
+                results.push(element.className = element.className.replace(regExp, ''));
+            }
+            return results;
+        };
+        addClass = function(element, className) {
+            var k, len, name, ref8, results;
+            ref8 = className.split(" ");
+            results = [];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                name = ref8[k];
+                if (!hasClass(element, name)) {
+                    results.push(element.className += " " + name);
+                } else {
+                    results.push(void 0);
+                }
+            }
+            return results;
+        };
+        replaceClass = function(element, replaceClassName, byClassName) {
+            removeClass(element, replaceClassName);
+            return addClass(element, byClassName);
+        };
+
+        colorizeTableIfNeed = function(element){
+            if(opts.chartOptions.table_options.colorize_headers == true){
+                element.className += " colorized";
+            }
+        };
+
+        valueNoDashes = function(value){
+
+            if(opts.chartOptions.table_options.remove_underscores == true && typeof(value) == 'string'){
+                return value.replace(/_/g, " ");
+            }
+            return value;
+        };
+
+        offsetColors = function (offset, colorsArray) {
+            if (offset > opts.defaults_colors.length) {
+                offset = offset % opts.defaults_colors;
+            }
+            var colors_to_return = JSON.parse(JSON.stringify(colorsArray));
+            for (var i = 0; i < offset; i++) {
+                colors_to_return.push(colors_to_return.shift());
+            }
+            return colors_to_return;
+        }
+
+        getColorsWithOffsetForTable = function (value) {
+            var isNewDesign = useNewUx && opts.chartOptions.table_options.use_new_table_design;
+            if (value) {
+                var offset = parseInt(value);
+                if (offset) {
+                    if (isNewDesign) {
+                        return offsetColors(offset, newTableColors);
+                    } else {
+                        return offsetColors(offset, opts.defaults_colors);
+                    }
+                }
+            }
+            return isNewDesign ? newTableColors : opts.defaults_colors;
+        }
+
+        colorizeRowLabelHeaders = function(element, cols_count){
+            if(opts.chartOptions.table_options.colorize_headers == true &&
+                opts.defaults_colors && opts.defaults_colors.length > 0){
+                var offsetColor = getColorsWithOffsetForTable(opts.chartOptions.table_options.table_colors_offset);
+                var color_to_set = offsetColor[cols_count];
+                if(color_to_set){
+                    element.style.setProperty("background-color", color_to_set, "important");
+                    element.style.setProperty("border-color", color_to_set, "important");
+                    element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design? '#3a3b39' : '#FFFFFF';
+                    element.style.fontWeight = "bold";
+                    if (opts.chartOptions.table_options.freeze_panes && element.firstChild) {
+                        for (const child of element.children) {
+                            child.style.setProperty("background-color", color_to_set, "important");
+                        }
+                    }
+                }
+            }
+        };
+
+        createTotalValsBolder = function(element){
+            if(opts.chartOptions.table_options.colorize_headers == true && (!useNewUx || !opts.chartOptions.table_options.use_new_table_design)){
+                element.style.setProperty("border-bottom", "3px double #000000", "important");
+            }
+        };
+        createGrandTotalBolder = function(element){
+            if(opts.chartOptions.table_options.colorize_headers == true && (!useNewUx || !opts.chartOptions.table_options.use_new_table_design)){
+                element.style.setProperty("border-top", "3px solid #000000", "important");
+            }
+        };
+        getHeaderColorProperties = function(element, col_number = 0){
+            if(opts.chartOptions.table_options.colorize_headers == true &&
+                opts.defaults_colors && opts.defaults_colors.length > 0){
+                const offsetColor = getColorsWithOffsetForTable(opts.chartOptions.table_options.table_colors_offset);
+                var color_to_set = offsetColor[col_number];
+                if(color_to_set){
+                    element.style.setProperty("background-color", color_to_set, "important");
+                    element.style.setProperty("border-color", color_to_set, "important");
+                    element.style.setProperty("vertical-align", "baseline");
+                    element.style.color = useNewUx && opts.chartOptions.table_options.use_new_table_design? '#3a3b39' : '#FFFFFF';
+                    element.style.fontWeight = "bold";
+                    if (opts.chartOptions.table_options.freeze_panes && element.firstChild) {
+                        for (const child of element.children) {
+                            child.style.setProperty("background-color", color_to_set, "important");
+                        }
+                    }
+                }
+            }
+        };
+        getTableEventHandlers = function(value, rowValues, colValues) {
+            var attr, event, eventHandlers, filters, handler, i, ref8;
+            if (!opts.table && !opts.table.eventHandlers) {
+                return;
+            }
+            eventHandlers = {};
+            ref8 = opts.table.eventHandlers;
+            for (event in ref8) {
+                if (!hasProp.call(ref8, event)) continue;
+                handler = ref8[event];
+                filters = {};
+                for (i in colAttrs) {
+                    if (!hasProp.call(colAttrs, i)) continue;
+                    attr = colAttrs[i];
+                    if (colValues[i] != null) {
+                        filters[attr] = colValues[i];
+                    }
+                }
+                for (i in rowAttrs) {
+                    if (!hasProp.call(rowAttrs, i)) continue;
+                    attr = rowAttrs[i];
+                    if (rowValues[i] != null) {
+                        filters[attr] = rowValues[i];
+                    }
+                }
+                eventHandlers[event] = function(e) {
+                    return handler(e, value, filters, pivotData);
+                };
+            }
+            return eventHandlers;
+        };
+        createElement = function(elementType, className, textContent, attributes, eventHandlers) {
+            var attr, e, event, handler, val;
+            e = document.createElement(elementType);
+            if (className != null) {
+                e.className = className;
+            }
+            if (textContent != null) {
+                // We need html for negative items.
+                e.innerHTML = textContent;
+            }
+            if (attributes != null) {
+                for (attr in attributes) {
+                    if (!hasProp.call(attributes, attr)) continue;
+                    val = attributes[attr];
+                    e.setAttribute(attr, val);
+                }
+            }
+            if (eventHandlers != null) {
+                for (event in eventHandlers) {
+                    if (!hasProp.call(eventHandlers, event)) continue;
+                    handler = eventHandlers[event];
+                    e.addEventListener(event, handler);
+                }
+            }
+            return e;
+        };
+        setAttributes = function(e, attrs) {
+            var a, results, v;
+            results = [];
+            for (a in attrs) {
+                if (!hasProp.call(attrs, a)) continue;
+                v = attrs[a];
+                results.push(e.setAttribute(a, v));
+            }
+            return results;
+        };
+        getSubtotalInBrackets = function(keysArr, className, lastCol, lastRow, from, to) {
+            let aggregator, val, to_return;
+            if(opts.chartOptions.table_options.show_subtotals_in_brackets){
+                if(className == "pvtColLabel" && keysArr[from] && to < keysArr[from].length){
+                    aggregator = pivotData.getAggregator([], keysArr[from].slice(0, to+1));
+                    val = aggregator.value();
+                    to_return = getFormattedNumber(val, aggregator, opts);
+                    return ' ('+to_return+")";
+                }
+                else if(className == "pvtRowLabel" && keysArr[from] && to < keysArr[from].length){
+                    aggregator = pivotData.getAggregator(keysArr[from].slice(0, to+1), []);
+                    val = aggregator.value();
+                    to_return = getFormattedNumber(val, aggregator, opts);
+                    return ' ('+to_return+")";
+                }
+            }
+            return '';
+        };
+        encodeHtmlEntities = function(string_val) {
+            if(!string_val || typeof(string_val) != 'string' ){
+                return string_val;
+            }
+            var entityMap = {"'":"&apos;","<":"&lt;",">":"&gt;"," ":"&nbsp;","¡":"&iexcl;","¢":"&cent;","£":"&pound;","¤":"&curren;","¥":"&yen;","¦":"&brvbar;","§":"&sect;","¨":"&uml;","©":"&copy;","ª":"&ordf;","«":"&laquo;","¬":"&not;","®":"&reg;","¯":"&macr;","°":"&deg;","±":"&plusmn;","²":"&sup2;","³":"&sup3;","´":"&acute;","µ":"&micro;","¶":"&para;","·":"&middot;","¸":"&cedil;","¹":"&sup1;","º":"&ordm;","»":"&raquo;","¼":"&frac14;","½":"&frac12;","¾":"&frac34;","¿":"&iquest;","À":"&Agrave;","Á":"&Aacute;","Â":"&Acirc;","Ã":"&Atilde;","Ä":"&Auml;","Å":"&Aring;","Æ":"&AElig;","Ç":"&Ccedil;","È":"&Egrave;","É":"&Eacute;","Ê":"&Ecirc;","Ë":"&Euml;","Ì":"&Igrave;","Í":"&Iacute;","Î":"&Icirc;","Ï":"&Iuml;","Ð":"&ETH;","Ñ":"&Ntilde;","Ò":"&Ograve;","Ó":"&Oacute;","Ô":"&Ocirc;","Õ":"&Otilde;","Ö":"&Ouml;","×":"&times;","Ø":"&Oslash;","Ù":"&Ugrave;","Ú":"&Uacute;","Û":"&Ucirc;","Ü":"&Uuml;","Ý":"&Yacute;","Þ":"&THORN;","ß":"&szlig;","à":"&agrave;","á":"&aacute;","â":"&acirc;","ã":"&atilde;","ä":"&auml;","å":"&aring;","æ":"&aelig;","ç":"&ccedil;","è":"&egrave;","é":"&eacute;","ê":"&ecirc;","ë":"&euml;","ì":"&igrave;","í":"&iacute;","î":"&icirc;","ï":"&iuml;","ð":"&eth;","ñ":"&ntilde;","ò":"&ograve;","ó":"&oacute;","ô":"&ocirc;","õ":"&otilde;","ö":"&ouml;","÷":"&divide;","ø":"&oslash;","ù":"&ugrave;","ú":"&uacute;","û":"&ucirc;","ü":"&uuml;","ý":"&yacute;","þ":"&thorn;","ÿ":"&yuml;","Œ":"&OElig;","œ":"&oelig;","Š":"&Scaron;","š":"&scaron;","Ÿ":"&Yuml;","ƒ":"&fnof;","ˆ":"&circ;","˜":"&tilde;","Α":"&Alpha;","Β":"&Beta;","Γ":"&Gamma;","Δ":"&Delta;","Ε":"&Epsilon;","Ζ":"&Zeta;","Η":"&Eta;","Θ":"&Theta;","Ι":"&Iota;","Κ":"&Kappa;","Λ":"&Lambda;","Μ":"&Mu;","Ν":"&Nu;","Ξ":"&Xi;","Ο":"&Omicron;","Π":"&Pi;","Ρ":"&Rho;","Σ":"&Sigma;","Τ":"&Tau;","Υ":"&Upsilon;","Φ":"&Phi;","Χ":"&Chi;","Ψ":"&Psi;","Ω":"&Omega;","α":"&alpha;","β":"&beta;","γ":"&gamma;","δ":"&delta;","ε":"&epsilon;","ζ":"&zeta;","η":"&eta;","θ":"&theta;","ι":"&iota;","κ":"&kappa;","λ":"&lambda;","μ":"&mu;","ν":"&nu;","ξ":"&xi;","ο":"&omicron;","π":"&pi;","ρ":"&rho;","ς":"&sigmaf;","σ":"&sigma;","τ":"&tau;","υ":"&upsilon;","φ":"&phi;","χ":"&chi;","ψ":"&psi;","ω":"&omega;","ϑ":"&thetasym;","ϒ":"&Upsih;","ϖ":"&piv;","–":"&ndash;","—":"&mdash;","‘":"&lsquo;","’":"&rsquo;","‚":"&sbquo;","“":"&ldquo;","”":"&rdquo;","„":"&bdquo;","†":"&dagger;","‡":"&Dagger;","•":"&bull;","…":"&hellip;","‰":"&permil;","′":"&prime;","″":"&Prime;","‹":"&lsaquo;","›":"&rsaquo;","‾":"&oline;","⁄":"&frasl;","€":"&euro;","ℑ":"&image;","℘":"&weierp;","ℜ":"&real;","™":"&trade;","ℵ":"&alefsym;","←":"&larr;","↑":"&uarr;","→":"&rarr;","↓":"&darr;","↔":"&harr;","↵":"&crarr;","⇐":"&lArr;","⇑":"&UArr;","⇒":"&rArr;","⇓":"&dArr;","⇔":"&hArr;","∀":"&forall;","∂":"&part;","∃":"&exist;","∅":"&empty;","∇":"&nabla;","∈":"&isin;","∉":"&notin;","∋":"&ni;","∏":"&prod;","∑":"&sum;","−":"&minus;","∗":"&lowast;","√":"&radic;","∝":"&prop;","∞":"&infin;","∠":"&ang;","∧":"&and;","∨":"&or;","∩":"&cap;","∪":"&cup;","∫":"&int;","∴":"&there4;","∼":"&sim;","≅":"&cong;","≈":"&asymp;","≠":"&ne;","≡":"&equiv;","≤":"&le;","≥":"&ge;","⊂":"&sub;","⊃":"&sup;","⊄":"&nsub;","⊆":"&sube;","⊇":"&supe;","⊕":"&oplus;","⊗":"&otimes;","⊥":"&perp;","⋅":"&sdot;","⌈":"&lceil;","⌉":"&rceil;","⌊":"&lfloor;","⌋":"&rfloor;","⟨":"&lang;","⟩":"&rang;","◊":"&loz;","♠":"&spades;","♣":"&clubs;","♥":"&hearts;","♦":"&diams;"};
+            string_val = string_val.replace(/&/g, '&amp;');
+            string_val = string_val.replace(/"/g, '&quot;');
+            for (var key in entityMap) {
+                var entity = entityMap[key];
+                var regex = new RegExp(key, 'g');
+                string_val = string_val.replace(regex, entity);
+            }
+            return string_val;
+        };
+
+        processKeys = function(keysArr, className, dimention, attrs) {
+            var c, headers, k, key, lastCol, lastRow, node, nodePos, r, rMark, ref8, repeats, th, x;
+            const showAllData = opts && opts.chartOptions && opts.chartOptions.table_options && opts.chartOptions.table_options.show_all;
+
+            headers = [];
+            lastRow = keysArr.length - 1;
+            lastCol = keysArr[0].length - 1;
+            if(lastCol > 0 && className == "pvtColLabel" && !_.get(opts, 'chartOptions.table_options.transpose_table', false) && (charttype == 'column-chart' || charttype == 'column-chart-stacked')){
+                lastCol = 0;
+            }
+            rMark = [];
+            th = createElement("th", className, valueNoDashes(encodeHtmlEntities(keysArr[0][0]) + getSubtotalInBrackets(keysArr, className, lastCol, lastRow, 0, 0)));
+            key = [];
+            key.push(keysArr[0][0]);
+            nodePos = 0;
+            node = {
+                node: nodePos,
+                row: 0,
+                col: 0,
+                th: th,
+                parent: null,
+                children: [],
+                descendants: lastCol,
+                leaves: 1,
+                key: key,
+                flatKey: key.join(delim)
+            };
+            headers.push(node);
+            rMark[0] = node;
+            c = 1;
+            while (c <= lastCol) {
+                th = createElement("th", className, valueNoDashes(encodeHtmlEntities(keysArr[0][c]) + getSubtotalInBrackets(keysArr, className, lastCol, lastRow, 0, c)));
+                key = key.slice();
+                key.push(keysArr[0][c]);
+                ++nodePos;
+                node = {
+                    node: nodePos,
+                    row: 0,
+                    col: c,
+                    th: th,
+                    parent: rMark[c - 1],
+                    children: [],
+                    descendants: lastCol - c,
+                    leaves: 1,
+                    key: key,
+                    flatKey: key.join(delim)
+                };
+                rMark[c] = node;
+                rMark[c - 1].children.push(node);
+                ++c;
+            }
+            rMark[lastCol].leaves = 0;
+            r = 1;
+            while (r <= lastRow) {
+                repeats = true;
+                key = [];
+                c = 0;
+                while (c <= lastCol) {
+                    key = key.slice();
+                    key.push(keysArr[r][c]);
+                    if ((keysArr[r][c] === keysArr[rMark[c].row][c]) && (c !== lastCol) && repeats) {
+                        repeats = true;
+                        ++c;
+                        continue;
+                    }
+
+                    if(c === 0 && ((dimention == 'rows' && opts.show_more_function_rows)
+                        || (dimention == 'cols' && opts.show_more_function_cols)
+                    ) && headers.length > opts.show_more_max_items && !showAllData)
+                    {
+                        key=['...'];
+
+                        let th_attr = {data_show_more:'1'};
+
+                        th = createElement("th", className, '... Show All', th_attr);
+                        ++nodePos;
+                        node = {
+                            node: nodePos,
+                            row: r,
+                            col: c,
+                            th: th,
+                            parent: null,
+                            children: [],
+                            descendants: 0,
+                            leaves: 0,
+                            key: key,
+                            flatKey: key.join(delim)
+                        };
+
+                        headers.push(node);
+                        rMark[c] = node;
+                        repeats = false;
+                        r = lastRow;
+                        break;
+                    }
+
+
+                    th = createElement("th", className, valueNoDashes(encodeHtmlEntities(keysArr[r][c]) + getSubtotalInBrackets(keysArr, className, lastCol, lastRow, r, c)));
+                    ++nodePos;
+                    node = {
+                        node: nodePos,
+                        row: r,
+                        col: c,
+                        th: th,
+                        parent: null,
+                        children: [],
+                        descendants: 0,
+                        leaves: 0,
+                        key: key,
+                        flatKey: key.join(delim)
+                    };
+                    if (c === 0) {
+                        headers.push(node);
+                    } else {
+                        node.parent = rMark[c - 1];
+                        rMark[c - 1].children.push(node);
+                        x = 0;
+                        while (x <= c - 1) {
+                            ++rMark[x].descendants;
+                            ++x;
+                        }
+                    }
+                    rMark[c] = node;
+                    repeats = false;
+                    ++c;
+                }
+                for (c = k = 0, ref8 = lastCol; 0 <= ref8 ? k <= ref8 : k >= ref8; c = 0 <= ref8 ? ++k : --k) {
+                    ++rMark[c].leaves;
+                }
+                rMark[lastCol].leaves = 0;
+                ++r;
+            }
+            return headers;
+        };
+        buildColHeaderHeader = function(thead, colHeaderHeaders, rowAttrs, colAttrs, tr, col) {
+            var className, colAttr, textContent, th, clickStatus;
+            colAttr = colAttrs[col];
+            textContent = opts.labelsConvertFunction(colAttr);
+            className = "pvtAxisLabel" + axisFreezePaneClass;
+            if (col < colAttrs.length - 1) {
+                if (!(isColDisableExpandCollapse || isColDisable || col > colDisableAfter)) {
+                    if(opts.collapseColsAt == 0){
+                        clickStatus = clickStatusCollapsed;
+                        className += " "+classCollapsed;
+                        textContent = " " + arrowCollapsed + " " + textContent;
+                    }
+                    else{
+                        clickStatus = clickStatusExpanded;
+                        className += " "+classExpanded;
+                        textContent = " " + arrowExpanded + " " + textContent;
+                    }
+                }
+            }
+            th = createElement("th", className, textContent);
+            th.setAttribute("data-colAttr", colAttr);
+            //getHeaderColorProperties(th, col);
+            tr.appendChild(th);
+            colHeaderHeaders.push({
+                tr: tr,
+                th: th,
+                clickStatus: clickStatus,
+                expandedCount: 0,
+                nHeaders: 0
+            });
+            return thead.appendChild(tr);
+        };
+        buildColHeaderHeaders = function(thead, colHeaderHeaders, rowAttrs, colAttrs) {
+            var c, k, ref8, results, tr, rowSpan;
+            tr = createElement("tr");
+            if (rowAttrs.length !== 0) {
+                if(opts.chartOptions.table_options.colorize_headers == true){
+                    rowSpan = 1;
+                }
+                else{
+                    rowSpan = colAttrs.length;
+                }
+                tr.appendChild(createElement("th", axisFreezePaneClass, null, {
+                    colspan: rowAttrs.length,
+                    rowspan: rowSpan
+                }));
+            }
+
+            buildColHeaderHeader(thead, colHeaderHeaders, rowAttrs, colAttrs, tr, 0);
+            getHeaderColorProperties(tr);
+            results = [];
+            for (c = k = 1, ref8 = colAttrs.length; 1 <= ref8 ? k <= ref8 : k >= ref8; c = 1 <= ref8 ? ++k : --k) {
+                if (!(c < colAttrs.length)) {
+                    continue;
+                }
+                tr = createElement("tr");
+                if (opts.chartOptions.table_options.colorize_headers == true && rowAttrs.length !== 0) {
+                    tr.appendChild(createElement("th", axisFreezePaneClass, null, {
+                        colspan: rowAttrs.length
+                    }));
+                }
+                getHeaderColorProperties(tr, c);
+                results.push(buildColHeaderHeader(thead, colHeaderHeaders, rowAttrs, colAttrs, tr, c));
+            }
+            return results;
+        };
+        buildColHeaderHeadersClickEvents = function(colHeaderHeaders, colHeaderCols, colAttrs) {
+            var colAttr, i, k, n, ref8, results, th;
+            n = colAttrs.length - 1;
+            results = [];
+            for (i = k = 0, ref8 = n; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
+                if (!(i < n)) {
+                    continue;
+                }
+                th = colHeaderHeaders[i].th;
+                colAttr = colAttrs[i];
+                results.push(th.onclick = function(event) {
+                    event = event || window.event;
+                    if(!event.currentTarget)
+                        event.currentTarget = event.target;
+                    return toggleColHeaderHeader(colHeaderHeaders, colHeaderCols, colAttrs, event.currentTarget.getAttribute("data-colAttr"));
+                });
+            }
+            return results;
+        };
+        buildColHeaders = function(colHeaderHeaders, colHeaderCols, colHeader, rowAttrs, colAttrs) {
+            var colspan, h, hh, isColSubtotal, k, len, ref8, rowspan, sTh, style, th, tr;
+            ref8 = colHeader.children;
+            for (k = 0, len = ref8.length; k < len; k++) {
+                h = ref8[k];
+                buildColHeaders(colHeaderHeaders, colHeaderCols, h, rowAttrs, colAttrs);
+            }
+            isColSubtotal = colHeader.children.length !== 0;
+            colHeader.node = colHeaderCols.length;
+            hh = colHeaderHeaders[colHeader.col];
+            ++hh.expandedCount;
+            ++hh.nHeaders;
+            tr = hh.tr;
+            th = colHeader.th;
+            addClass(th, "col" + colHeader.row + " colcol" + colHeader.col + " " + classColShow + verticalFreezePaneClass);
+            //getHeaderColorProperties(th, colHeader.col);
+            if (isColHideOnExpand || isColDisable || (isColSubtotal && colHeader.col > colDisableAfter)) {
+                colspan = colHeader.leaves;
+            } else if (isColSubtotal && colHeader.col <= colDisableAfter) {
+                colspan = colHeader.leaves + 1;
+            } else {
+                colspan = colHeader.descendants + 1;
+            }
+
+            if(th.getAttribute('data_show_more') == '1'){
+                rowspan = colAttrs.length + 1;
+                addClass(th, 'show_more_header');
+                th.onclick = opts.show_more_function_cols;
+            }
+            else{
+                rowspan = colHeader.col === colAttrs.length - 1 && rowAttrs.length !== 0 ? 2 : 1;
+            }
+            setAttributes(th, {
+                "rowspan": rowspan,
+                "colspan": colspan,
+                "data-colnode": colHeader.node,
+                "data-colHeader": th.textContent
+            });
+            if (isColSubtotal) {
+                addClass(th, classColExpanded);
+                if (!(isColDisableExpandCollapse || isColDisable || colHeader.col > colDisableAfter)) {
+                    th.innerHTML = " " + arrowExpanded + " " + th.textContent;
+                }
+                th.onclick = function(event) {
+                    event = event || window.event;
+                    return toggleCol(colHeaderHeaders, colHeaderCols, parseInt(event.currentTarget.getAttribute("data-colnode")));
+                };
+                rowspan = colAttrs.length - (colHeader.col + 1) + (rowAttrs.length !== 0 ? 1 : 0);
+                style = "pvtColLabel pvtColSubtotal " + classColExpanded + verticalFreezePaneClass;
+                style += " col" + colHeader.row + " colcol" + colHeader.col;
+                if (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter) {
+                    style += " " + classColHide;
+                }
+                sTh = createElement("th", style, opts.localeStrings.subtotals, {
+                    "rowspan": rowspan,
+                    "data-colnode": colHeader.node
+                });
+                addClass(sTh, isColHideOnExpand || isColDisable ? " " + classColHide : " " + classColShow);
+                //getHeaderColorProperties(sTh, colHeader.col);
+                if (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter) {
+                    sTh.style.display = "none";
+                }
+                colHeader.children[0].tr.appendChild(sTh);
+                colHeader.sTh = sTh;
+            }
+            colHeader.clickStatus = clickStatusExpanded;
+            tr.appendChild(th);
+            if (opts.chartOptions.table_options.freeze_panes) {
+                getHeaderColorProperties(tr);
+            }
+            colHeader.tr = tr;
+            return colHeaderCols.push(colHeader);
+        };
+        buildRowHeaderHeaders = function(thead, rowHeaderHeaders, rowAttrs, colAttrs) {
+            var className, i, rowAttr, textContent, th, tr, clickStatus;
+            tr = createElement("tr");
+            rowHeaderHeaders.hh = [];
+            for (i in rowAttrs) {
+                if (!hasProp.call(rowAttrs, i)) continue;
+                rowAttr = rowAttrs[i];
+                textContent = opts.labelsConvertFunction(rowAttr);
+                className = "pvtAxisLabel" + axisFreezePaneClass;
+                if (i < rowAttrs.length - 1) {
+                    className += " expanded";
+                    if (!(isRowDisableExpandCollapse || isRowDisable || i > rowDisableAfter)) {
+                        if(opts.collapseRowsAt == 0){
+                            clickStatus = clickStatusCollapsed;
+                            className += " "+classCollapsed;
+                            textContent = " " + arrowCollapsed + " " + textContent;
+                        }
+                        else{
+                            clickStatus = clickStatusExpanded;
+                            className += " "+classExpanded;
+                            textContent = " " + arrowExpanded + " " + textContent;
+                        }
+                    }
+                }
+                th = createElement("th", className, textContent);
+                th.setAttribute("data-rowAttr", rowAttr);
+                tr.appendChild(th);
+                rowHeaderHeaders.hh.push({
+                    th: th,
+                    clickStatus: clickStatus,
+                    expandedCount: 0,
+                    nHeaders: 0
+                });
+            }
+            if (colAttrs.length !== 0) {
+                th = createElement("th", axisFreezePaneClass);
+                tr.appendChild(th);
+            }
+            colorizeRowLabelHeaders(tr, colAttrs.length);
+            thead.appendChild(tr);
+            return rowHeaderHeaders.tr = tr;
+        };
+        buildRowHeaderHeadersClickEvents = function(rowHeaderHeaders, rowHeaderRows, rowAttrs) {
+            var i, k, n, ref8, results, rowAttr, th;
+            n = rowAttrs.length - 1;
+            results = [];
+            for (i = k = 0, ref8 = n; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
+                if (!(i < n)) {
+                    continue;
+                }
+                th = rowHeaderHeaders.hh[i];
+                rowAttr = rowAttrs[i];
+                results.push(th.th.onclick = function(event) {
+                    event = event || window.event;
+                    if(!event.currentTarget)
+                        event.currentTarget = event.target;
+                    return toggleRowHeaderHeader(rowHeaderHeaders, rowHeaderRows, rowAttrs, event.currentTarget.getAttribute("data-rowAttr"));
+                });
+            }
+            return results;
+        };
+        buildRowTotalsHeader = function(tr, rowAttrs, colAttrs) {
+            var rowspan, th;
+            rowspan = 1;
+            if (colAttrs.length !== 0) {
+                rowspan = colAttrs.length + (rowAttrs.length === 0 ? 0 : 1);
+            }
+
+            if(opts.chartOptions.table_options.colorize_headers == true && colAttrs.length > 1){
+                rowspan = 1;
+            }
+
+            th = createElement("th", "pvtTotalLabel rowTotal" + verticalFreezePaneClass , opts.localeStrings.totals, {
+                rowspan: rowspan
+            });
+
+            if (opts.totalFilterElements && opts.totalFilterElements.row_total) {
+                th.innerHTML = '';
+                th.appendChild(opts.totalFilterElements.row_total);
+            }
+
+            //getHeaderColorProperties(th);
+            if (opts.chartOptions.table_options.freeze_panes) {
+                tr.appendChild(th);
+                getHeaderColorProperties(tr);
+            } else {
+                return tr.appendChild(th);
+            }
+        };
+        buildRowHeaders = function(tbody, rowHeaderHeaders, rowHeaderRows, rowHeader, rowAttrs, colAttrs, highlighted, hasColLabels) {
+            var colspan, h, hh, isRowSubtotal, k, len, ref8, results, style, th, tr;
+            hh = rowHeaderHeaders.hh[rowHeader.col];
+            ++hh.expandedCount;
+            ++hh.nHeaders;
+            tr = createElement("tr", "pvtRowSubtotal row" + rowHeader.row, "", {
+                "data-rownode": rowHeader.node
+            });
+            th = rowHeader.th;
+
+            if(th.getAttribute('data_show_more') == '1'){
+                colspan = rowAttrs.length + 1;
+                addClass(th, 'show_more_header');
+                th.onclick = opts.show_more_function_rows;
+            }
+            else{
+                colspan = rowHeader.col === rowAttrs.length - 1 && colAttrs.length !== 0 ? 2 : 1;
+            }
+
+            isRowSubtotal = rowHeader.children.length !== 0;
+            addClass(th, "row" + rowHeader.row + " rowcol" + rowHeader.col + " " + classRowShow + horizontalFreezePaneClass);
+            if (highlighted) {
+              addClass(th, "highlighted");
+            }
+            setAttributes(th, {
+                "data-rowHeader": th.textContent,
+                "data-rownode": rowHeader.node,
+                "rowspan": rowHeader.descendants + 1,
+                "colspan": colspan
+            });
+            if (opts.chartOptions.table_options.hide_nulls_in_headers) {
+                th.textContent = th.textContent.replace('[null]', '');
+            }
+
+            if (th.hasAttribute('data_show_more') && th.colSpan > 0 && !hasColLabels) {
+                th.colSpan = th.colSpan - 1;
+            }
+            
+            tr.appendChild(th);
+            if (isRowSubtotal) {
+                addClass(tr, classRowExpanded);
+                addClass(th, classRowExpanded);
+                if (!(isRowDisableExpandCollapse || isRowDisable || rowHeader.col > rowDisableAfter)) {
+                    th.innerHTML = " " + arrowExpanded + " " + th.textContent;
+                }
+                th.onclick = function(event) {
+                    event = event || window.event;
+                    return toggleRow(rowHeaderHeaders, rowHeaderRows, parseInt(event.currentTarget.getAttribute("data-rownode")));
+                };
+                colspan = rowAttrs.length - (rowHeader.col + 1) + (colAttrs.length !== 0 ? 1 : 0);
+                style = "pvtRowLabel pvtRowSubtotal " + classRowExpanded;
+                style += " row" + rowHeader.row + " rowcol" + rowHeader.col;
+                style += isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter ? " " + classRowHide : " " + classRowShow;
+                style += horizontalFreezePaneClass;
+                th = createElement("th", style, opts.localeStrings.subtotals, {
+                    "colspan": colspan,
+                    "data-rownode": rowHeader.node
+                });
+                if (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter) {
+                    th.style.display = "none";
+                }
+                tr.appendChild(th);
+            }
+            rowHeader.clickStatus = clickStatusExpanded;
+            rowHeader.tr = tr;
+            rowHeaderRows.push(rowHeader);
+            tbody.appendChild(tr);
+            ref8 = rowHeader.children;
+            results = [];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                h = ref8[k];
+                results.push(buildRowHeaders(tbody, rowHeaderHeaders, rowHeaderRows, h, rowAttrs, colAttrs, highlighted, hasColLabels));
+            }
+            return results;
+        };
+        buildValues = function(rowHeaderRows, colHeaderCols, rowAttrs, colAttrs) {
+            var aggregator, colHeader, eventHandlers, flatColKey, flatRowKey, isColSubtotal, isRowSubtotal, k, l, len, len1, ref8, results, rowHeader, style, td, totalAggregator, tr, val;
+            results = [];
+            for (k = 0, len = rowHeaderRows.length; k < len; k++) {
+                rowHeader = rowHeaderRows[k];
+                tr = rowHeader.tr;
+                flatRowKey = rowHeader.flatKey;
+                isRowSubtotal = rowHeader.children.length !== 0;
+                for (l = 0, len1 = colHeaderCols.length; l < len1; l++) {
+                    colHeader = colHeaderCols[l];
+                    flatColKey = colHeader.flatKey;
+                    if(tree && tree[flatRowKey] && tree[flatRowKey][flatColKey]){
+                        ref8 = tree[flatRowKey][flatColKey]
+                    }
+                    else{
+                        ref8 = null;
+                    }
+
+                    aggregator = ref8 != null ? ref8 : {
+                        value: (function() {
+                            return null;
+                        }),
+                        format: function() {
+                            return "";
+                        }
+                    };
+                    val = aggregator.value();
+                    isColSubtotal = colHeader.children.length !== 0;
+                    style = "pvtVal";
+                    if (isColSubtotal) {
+                        style += " pvtColSubtotal " + classColExpanded;
+                    }
+                    if (isRowSubtotal) {
+                        style += " pvtRowSubtotal " + classRowExpanded;
+                    }
+                    style += isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter) ? " " + classRowHide : " " + classRowShow;
+                    style += isColSubtotal && (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter) ? " " + classColHide : " " + classColShow;
+                    style += (" row" + rowHeader.row) + (" col" + colHeader.row) + (" rowcol" + rowHeader.col) + (" colcol" + colHeader.col);
+                    eventHandlers = getTableEventHandlers(val, rowHeader.key, colHeader.key);
+                    td = createElement("td", style, getFormattedNumber(val, aggregator, opts), {
+                        "data-value": val,
+                        "data-rownode": rowHeader.node,
+                        "data-colnode": colHeader.node
+                    }, eventHandlers);
+                    if ((isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter)) || (isColSubtotal && (isColHideOnExpand || isColDisable || colHeader.col > colDisableAfter))) {
+                        td.style.display = "none";
+                    }
+                    assumptionSubscribe(td, rowHeader, rowAttrs, colHeader, colAttrs, val);
+
+                    tr.appendChild(td);
+                }
+                totalAggregator = rowTotals[flatRowKey];
+                if(!totalAggregator){
+                    totalAggregator = {
+                        value: (function () {
+                            return null;
+                        }),
+                        format: function () {
+                            return "";
+                        }
+                    };
+                }
+
+                val = totalAggregator.value();
+                style = "pvtTotal rowTotal";
+                if (isRowSubtotal) {
+                    style += " pvtRowSubtotal";
+                }
+                style += isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter) ? " " + classRowHide : " " + classRowShow;
+                style += " row" + rowHeader.row + " rowcol" + rowHeader.col;
+                td = createElement("td", style, getFormattedNumber(val, totalAggregator, opts), {
+                    "data-value": val,
+                    "data-row": "row" + rowHeader.row,
+                    "data-rowcol": "col" + rowHeader.col,
+                    "data-rownode": rowHeader.node
+                }, getTableEventHandlers(val, rowHeader.key, []));
+                if (isRowSubtotal && (isRowHideOnExpand || isRowDisable || rowHeader.col > rowDisableAfter)) {
+                    td.style.display = "none";
+                }
+
+                assumptionSubscribe(td, rowHeader, rowAttrs, {key:[], flatKey:''}, colAttrs, val);
+
+                if(opts.chartOptions.table_options.show_row_total)
+                    tr.appendChild(td);
+
+                results.push(tr);
+            }
+            return results;
+        };
+
+        assumptionSubscribe = function(td, rowHeader, rowAttrs, colHeader, colAttrs, val){
+            if(edit_assumptions){
+                var filters = [];
+                var i=0;
+                var temp;
+                for(i=0; i<rowHeader.key.length; i++){
+                    temp = {
+                        name: rowAttrs[i],
+                        values: [rowHeader.key[i]],
+                        is_excluded:false
+                    }
+                    filters.push(temp);
+                }
+                for(i=0; i<colHeader.key.length; i++){
+                    temp = {
+                        name: colAttrs[i],
+                        values: [colHeader.key[i]],
+                        is_excluded:false
+                    }
+                    filters.push(temp);
+                }
+                var obj_to_send = {
+                    "flatColKey": colHeader.flatKey,
+                    "flatRowKey": rowHeader.flatKey,
+                    "val": val,
+                    "filters": filters
+                };
+
+                // td.addEventListener('dblclick', function(){
+                //     edit_assumptions.fn(obj_to_send, this);
+                // });
+
+                td.addEventListener('click', function(){
+                    edit_assumptions.fn(obj_to_send, this);
+                });
+            }
+
+            if(opts.value_drill_down_fn){
+                td.classList.add('clickable');
+                td.addEventListener('click', function(rowKey, colKey, rowAttrs, colAttrs){
+                    return function($event){
+                        $event.preventDefault();
+                        opts.value_drill_down_fn($event, rowKey, colKey);
+                    };
+                }(rowHeader.key, colHeader.key, rowAttrs, colAttrs));
+            }
+        };
+
+        buildColTotalsHeader = function(rowAttrs, colAttrs) {
+            var colspan, th, tr;
+            tr = createElement("tr");
+            colspan = rowAttrs.length + (colAttrs.length === 0 ? 0 : 1);
+            th = createElement("th", "pvtTotalLabel colTotal" + horizontalFreezePaneClass, opts.localeStrings.totals, {
+                colspan: colspan
+            });
+            if (opts.totalFilterElements && opts.totalFilterElements.col_total) {
+                th.innerHTML = '';
+                th.appendChild(opts.totalFilterElements.col_total);
+            }
+            tr.appendChild(th);
+            return tr;
+        };
+        buildColTotals = function(tr, colHeaderCols, rowAttrs, colAttrs) {
+            var h, isColSubtotal, k, len, results, style, td, totalAggregator, val;
+            results = [];
+            for (k = 0, len = colHeaderCols.length; k < len; k++) {
+                h = colHeaderCols[k];
+                isColSubtotal = h.children.length !== 0;
+                totalAggregator = colTotals[h.flatKey];
+                if(!totalAggregator){
+                    totalAggregator = {
+                        value: (function () {
+                            return null;
+                        }),
+                        format: function () {
+                            return "";
+                        }
+                    };
+                }
+                val = totalAggregator.value();
+                style = "pvtVal pvtTotal colTotal";
+                if (isColSubtotal) {
+                    style += " pvtColSubtotal";
+                }
+                style += " " + classColExpanded;
+                style += " col" + h.row + " colcol" + h.col;
+                td = createElement("td", style, getFormattedNumber(val, totalAggregator, opts), {
+                    "data-value": val,
+                    "data-for": "col" + h.col,
+                    "data-colnode": "" + h.node
+                }, getTableEventHandlers(val, [], h.key));
+                createTotalValsBolder(td)
+                if (isColSubtotal && (isColHideOnExpand || isColDisable || h.col > colDisableAfter)) {
+                    td.style.display = "none";
+                }
+
+                assumptionSubscribe(td, {key:[], flatKey:''}, rowAttrs, h, colAttrs, val);
+
+                results.push(tr.appendChild(td));
+            }
+            createGrandTotalBolder(tr);
+            return results;
+        };
+        buildGrandTotal = function(result, tr, rowAttrs, colAttrs) {
+            var td, totalAggregator, val;
+            totalAggregator = allTotal;
+            val = totalAggregator.value();
+            td = createElement("td", "pvtGrandTotal", getFormattedNumber(val, totalAggregator, opts), {
+                "data-value": val
+            }, getTableEventHandlers(val, [], []));
+            createTotalValsBolder(td);
+            assumptionSubscribe(td, {key:[], flatKey:''}, rowAttrs,  {key:[], flatKey:''}, colAttrs, val);
+
+            tr.appendChild(td);
+            return result.appendChild(tr);
+        };
+        removeRowHeaderNullValue = function(h) {
+            if (opts.chartOptions.table_options.hide_nulls_in_headers) {
+                h.th.innerHTML = h.th.innerHTML.replace('[null]' , '');
+            }
+        };
+        hideDescendantCol = function(d) {
+            return $(d.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + d.node + "\"], th[data-colnode=\"" + d.node + "\"]").removeClass(classColShow).addClass(classColHide).css('display', "none");
+        };
+        collapseShowColSubtotal = function(h) {
+            $(h.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + h.node + "\"], th[data-colnode=\"" + h.node + "\"]").removeClass(classColExpanded + " " + classColHide).addClass(classColCollapsed + " " + classColShow).not(".pvtRowSubtotal." + classRowHide).css('display', "");
+            h.th.innerHTML = " " + arrowCollapsed + " " + h.th.getAttribute("data-colheader");
+            return h.th.colSpan = 1;
+        };
+        collapseCol = function(colHeaderHeaders, colHeaderCols, c) {
+            var colHeaderHeader, colspan, d, h, i, isColSubtotal, k, l, p, ref10, ref8, ref9, results;
+            if (isColDisable) {
+                return;
+            }
+            if (isColDisableExpandCollapse) {
+                return;
+            }
+            if (!colHeaderCols[c]) {
+                return;
+            }
+            h = colHeaderCols[c];
+            if (h.col > colDisableAfter) {
+                return;
+            }
+            if (h.clickStatus === clickStatusCollapsed) {
+                return;
+            }
+            isColSubtotal = h.descendants !== 0;
+            colspan = h.th.colSpan;
+            for (i = k = 1, ref8 = h.descendants; 1 <= ref8 ? k <= ref8 : k >= ref8; i = 1 <= ref8 ? ++k : --k) {
+                if (!(h.descendants !== 0)) {
+                    continue;
+                }
+                d = colHeaderCols[c - i];
+                hideDescendantCol(d);
+            }
+            if (isColSubtotal) {
+                collapseShowColSubtotal(h);
+                --colspan;
+            }
+            p = h.parent;
+            while (p !== null) {
+                p.th.colSpan -= colspan;
+                p = p.parent;
+            }
+            h.clickStatus = clickStatusCollapsed;
+            colHeaderHeader = colHeaderHeaders[h.col];
+            colHeaderHeader.expandedCount--;
+            if (colHeaderHeader.expandedCount === 0) {
+                results = [];
+                for (i = l = ref9 = h.col, ref10 = colHeaderHeaders.length - 2; ref9 <= ref10 ? l <= ref10 : l >= ref10; i = ref9 <= ref10 ? ++l : --l) {
+                    if (!(i <= colDisableAfter)) {
+                        continue;
+                    }
+                    colHeaderHeader = colHeaderHeaders[i];
+                    replaceClass(colHeaderHeader.th, classExpanded, classCollapsed);
+                    colHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colHeaderHeader.th.getAttribute("data-colAttr"));
+                    results.push(colHeaderHeader.clickStatus = clickStatusCollapsed);
+                }
+                return results;
+            }
+        };
+        showChildCol = function(ch) {
+            return $(ch.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + ch.node + "\"], th[data-colnode=\"" + ch.node + "\"]").removeClass(classColHide).addClass(classColShow).not(".pvtRowSubtotal." + classRowHide).css('display', "");
+        };
+        expandHideColSubtotal = function(h) {
+            $(h.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + h.node + "\"], th[data-colnode=\"" + h.node + "\"]").removeClass(classColCollapsed + " " + classColShow).addClass(classColExpanded + " " + classColHide).css('display', "none");
+            return h.th.style.display = "";
+        };
+        expandShowColSubtotal = function(h) {
+            $(h.th).closest('table.pvtTable').find("tbody tr td[data-colnode=\"" + h.node + "\"], th[data-colnode=\"" + h.node + "\"]").removeClass(classColCollapsed + " " + classColHide).addClass(classColExpanded + " " + classColShow).not(".pvtRowSubtotal." + classRowHide).css('display', "");
+            h.th.style.display = "";
+            ++h.th.colSpan;
+            if (h.sTh != null) {
+                return h.sTh.style.display = "";
+            }
+        };
+        expandChildCol = function(ch) {
+            var gch, k, len, ref8, results;
+            if (ch.descendants !== 0 && hasClass(ch.th, classColExpanded) && (isColHideOnExpand || isColDisable || ch.col > colDisableAfter)) {
+                ch.th.style.display = "";
+            } else {
+                showChildCol(ch);
+            }
+            if (ch.clickStatus !== clickStatusCollapsed) {
+                ref8 = ch.children;
+                results = [];
+                for (k = 0, len = ref8.length; k < len; k++) {
+                    gch = ref8[k];
+                    results.push(expandChildCol(gch));
+                }
+                return results;
+            }
+        };
+        expandCol = function(colHeaderHeaders, colHeaderCols, c) {
+            var ch, colspan, h, hh, isColSubtotal, k, len, p, ref8;
+            if (isColDisable) {
+                return;
+            }
+            if (isColDisableExpandCollapse) {
+                return;
+            }
+            if (!colHeaderCols[c]) {
+                return;
+            }
+            h = colHeaderCols[c];
+            if (h.col > colDisableAfter) {
+                return;
+            }
+            if (h.clickStatus === clickStatusExpanded) {
+                return;
+            }
+            isColSubtotal = h.descendants !== 0;
+            colspan = 0;
+            ref8 = h.children;
+            for (k = 0, len = ref8.length; k < len; k++) {
+                ch = ref8[k];
+                expandChildCol(ch);
+                colspan += ch.th.colSpan;
+            }
+            h.th.colSpan = colspan;
+            if (isColSubtotal) {
+                replaceClass(h.th, classColCollapsed, classColExpanded);
+                h.th.innerHTML = " " + arrowExpanded + " " + h.th.getAttribute("data-colHeader");
+                if (isColHideOnExpand) {
+                    expandHideColSubtotal(h);
+                    --colspan;
+                } else {
+                    expandShowColSubtotal(h);
+                }
+            }
+            p = h.parent;
+            while (p) {
+                p.th.colSpan += colspan;
+                p = p.parent;
+            }
+            h.clickStatus = clickStatusExpanded;
+            hh = colHeaderHeaders[h.col];
+            ++hh.expandedCount;
+            if (hh.expandedCount === hh.nHeaders) {
+                replaceClass(hh.th, classCollapsed, classExpanded);
+                hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(hh.th.getAttribute("data-colAttr"));
+                return hh.clickStatus = clickStatusExpanded;
+            }
+        };
+        collapseHideDescendantRow = function(h) {
+            var cell, cells, k, len, ref8, results, tagName;
+            h.tr.style.display = "none";
+            ref8 = ["td", "th"];
+            results = [];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                tagName = ref8[k];
+                cells = h.tr.getElementsByTagName(tagName);
+                results.push((function() {
+                    var l, len1, results1;
+                    results1 = [];
+                    for (l = 0, len1 = cells.length; l < len1; l++) {
+                        cell = cells[l];
+                        replaceClass(cell, classRowShow, classRowHide);
+                        results1.push(cell.style.display = "none");
+                    }
+                    return results1;
+                })());
+            }
+            return results;
+        };
+        collapseShowRowSubtotal = function(h) {
+            var cell, cells, k, l, len, len1, ref8, tagName;
+            ref8 = ["td", "th"];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                tagName = ref8[k];
+                cells = h.tr.getElementsByTagName(tagName);
+                for (l = 0, len1 = cells.length; l < len1; l++) {
+                    cell = cells[l];
+                    removeClass(cell, classRowExpanded + " " + classRowHide);
+                    addClass(cell, classRowCollapsed + " " + classRowShow);
+                    if (!hasClass(cell, classColHide)) {
+                        cell.style.display = "";
+                    }
+                }
+            }
+            h.th.rowSpan = 1;
+            h.th.innerHTML = " " + arrowCollapsed + " " + h.th.getAttribute("data-rowHeader");
+            return replaceClass(h.tr, classRowExpanded, classRowCollapsed);
+        };
+        collapseRow = function(rowHeaderHeaders, rowHeaderRows, r) {
+            var d, h, i, isRowSubtotal, j, k, l, p, ref10, ref8, ref9, results, rowHeaderHeader, rowspan;
+            if (isRowDisable) {
+                return;
+            }
+            if (isRowDisableExpandCollapse) {
+                return;
+            }
+            if (!rowHeaderRows[r]) {
+                return;
+            }
+            h = rowHeaderRows[r];
+            if (h.col > rowDisableAfter) {
+                return;
+            }
+            if (h.clickStatus === clickStatusCollapsed) {
+                return;
+            }
+            isRowSubtotal = h.descendants !== 0;
+            rowspan = h.th.rowSpan;
+            for (i = k = 1, ref8 = h.descendants; 1 <= ref8 ? k <= ref8 : k >= ref8; i = 1 <= ref8 ? ++k : --k) {
+                if (!(h.descendants !== 0)) {
+                    continue;
+                }
+                d = rowHeaderRows[r + i];
+                collapseHideDescendantRow(d);
+            }
+            if (isRowSubtotal) {
+                collapseShowRowSubtotal(h);
+                --rowspan;
+            }
+
+            removeRowHeaderNullValue(h);
+
+            p = h.parent;
+            while (p) {
+                p.th.rowSpan -= rowspan;
+                p = p.parent;
+            }
+            h.clickStatus = clickStatusCollapsed;
+            rowHeaderHeader = rowHeaderHeaders.hh[h.col];
+            rowHeaderHeader.expandedCount--;
+            if (rowHeaderHeader.expandedCount !== 0) {
+                return;
+            }
+            results = [];
+            for (j = l = ref9 = h.col, ref10 = rowHeaderHeaders.hh.length - 2; ref9 <= ref10 ? l <= ref10 : l >= ref10; j = ref9 <= ref10 ? ++l : --l) {
+                if (!(j <= rowDisableAfter)) {
+                    continue;
+                }
+                rowHeaderHeader = rowHeaderHeaders.hh[j];
+                replaceClass(rowHeaderHeader.th, classExpanded, classCollapsed);
+                rowHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowHeaderHeader.th.getAttribute("data-rowAttr"));
+                results.push(rowHeaderHeader.clickStatuatus = clickStatusCollapsed);
+            }
+            return results;
+        };
+        showChildRow = function(h) {
+            var cell, cells, k, l, len, len1, ref8, tagName;
+            ref8 = ["td", "th"];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                tagName = ref8[k];
+                cells = h.tr.getElementsByTagName(tagName);
+                for (l = 0, len1 = cells.length; l < len1; l++) {
+                    cell = cells[l];
+                    replaceClass(cell, classRowHide, classRowShow);
+                    if (!hasClass(cell, classColHide)) {
+                        cell.style.display = "";
+                    }
+                }
+            }
+            return h.tr.style.display = "";
+        };
+        expandShowRowSubtotal = function(h) {
+            var cell, cells, k, l, len, len1, ref8, tagName;
+            ref8 = ["td", "th"];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                tagName = ref8[k];
+                cells = h.tr.getElementsByTagName(tagName);
+                for (l = 0, len1 = cells.length; l < len1; l++) {
+                    cell = cells[l];
+                    removeClass(cell, classRowCollapsed + " " + classRowHide);
+                    addClass(cell, classRowExpanded + " " + classRowShow);
+                    if (!hasClass(cell, classColHide)) {
+                        cell.style.display = "";
+                    }
+                }
+            }
+            h.th.innerHTML = " " + arrowExpanded + " " + h.th.getAttribute("data-rowHeader");
+            return replaceClass(h.tr, classRowCollapsed, classRowExpanded);
+        };
+        expandHideRowSubtotal = function(h) {
+            var cell, cells, k, l, len, len1, ref8, tagName;
+            ref8 = ["td", "th"];
+            for (k = 0, len = ref8.length; k < len; k++) {
+                tagName = ref8[k];
+                cells = h.tr.getElementsByTagName(tagName);
+                for (l = 0, len1 = cells.length; l < len1; l++) {
+                    cell = cells[l];
+                    removeClass(cell, classRowCollapsed + " " + classRowShow);
+                    addClass(cell, classRowExpanded + " " + classRowHide);
+                    cell.style.display = "none";
+                }
+            }
+            h.th.style.display = "";
+            h.th.innerHTML = " " + arrowExpanded + " " + h.th.getAttribute("data-rowHeader");
+            return replaceClass(h.tr, classRowCollapsed, classRowExpanded);
+        };
+        expandChildRow = function(ch) {
+            var gch, k, len, ref8, results;
+            if (ch.descendants !== 0 && hasClass(ch.th, classRowExpanded) && (isRowHideOnExpand || isRowDisable || ch.col > rowDisableAfter)) {
+                ch.tr.style.display = "";
+                ch.th.style.display = "";
+            } else {
+                showChildRow(ch);
+            }
+            if (ch.clickStatus !== clickStatusCollapsed) {
+                ref8 = ch.children;
+                results = [];
+                for (k = 0, len = ref8.length; k < len; k++) {
+                    gch = ref8[k];
+                    results.push(expandChildRow(gch));
+                }
+                return results;
+            }
+        };
+        expandRow = function(rowHeaderHeaders, rowHeaderRows, r) {
+            var ch, h, hh, isRowSubtotal, k, len, p, ref8, rowspan;
+            if (isRowDisable) {
+                return;
+            }
+            if (isRowDisableExpandCollapse) {
+                return;
+            }
+            if (!rowHeaderRows[r]) {
+                return;
+            }
+            h = rowHeaderRows[r];
+            if (h.col > rowDisableAfter) {
+                return;
+            }
+            if (h.clickStatus === clickStatusExpanded) {
+                return;
+            }
+            isRowSubtotal = h.descendants !== 0;
+            rowspan = 0;
+            ref8 = h.children;
+            for (k = 0, len = ref8.length; k < len; k++) {
+                ch = ref8[k];
+                expandChildRow(ch);
+                rowspan += ch.th.rowSpan;
+            }
+            h.th.rowSpan = rowspan + 1;
+            if (isRowSubtotal) {
+                if (isRowHideOnExpand) {
+                    expandHideRowSubtotal(h);
+                } else {
+                    expandShowRowSubtotal(h);
+                }
+            }
+
+            removeRowHeaderNullValue(h);
+
+            p = h.parent;
+            while (p) {
+                p.th.rowSpan += rowspan;
+                p = p.parent;
+            }
+            h.clickStatus = clickStatusExpanded;
+            hh = rowHeaderHeaders.hh[h.col];
+            ++hh.expandedCount;
+            if (hh.expandedCount === hh.nHeaders) {
+                replaceClass(hh.th, classCollapsed, classExpanded);
+                hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(hh.th.getAttribute("data-rowAttr"));
+                return hh.clickStatus = clickStatusExpanded;
+            }
+        };
+        toggleCol = function(colHeaderHeaders, colHeaderCols, c) {
+            var h, allClass, mainClass, is_other, main_th;
+            if (colHeaderCols[c] == null) {
+                return;
+            }
+            h = colHeaderCols[c];
+            if (h.clickStatus === clickStatusCollapsed) {
+                allClass = classColCollapsed;
+                mainClass = classCollapsed;
+                expandCol(colHeaderHeaders, colHeaderCols, c);
+            } else {
+                collapseCol(colHeaderHeaders, colHeaderCols, c);
+                mainClass = classExpanded;
+                allClass = classColExpanded;
+            }
+
+            is_other = $('.pvtColLabel.'+allClass,h.tr).not('.pvtColSubtotal').length;
+            if(is_other == 0){
+                $('.pvtAxisLabel.'+mainClass,h.tr).trigger( "click" );
+            }
+
+            return h.th.scrollIntoView;
+        };
+        toggleRow = function(rowHeaderHeaders, rowHeaderRows, r) {
+            var h, allClass, mainClass, is_other, main_th, hh;
+
+            if (rowHeaderRows[r] == null) {
+                return;
+            }
+
+            h = rowHeaderRows[r];
+
+            if (rowHeaderRows[r].clickStatus === clickStatusCollapsed) {
+                expandRow(rowHeaderHeaders, rowHeaderRows, r);
+                allClass = clickStatusCollapsed;
+                mainClass = classCollapsed;
+            } else {
+                collapseRow(rowHeaderHeaders, rowHeaderRows, r);
+                allClass = clickStatusExpanded;
+                mainClass = classExpanded;
+
+                /*is_other = _.find(rowHeaderRows, {col:h.col, clickStatus:allClass});
+                 if(!is_other){
+                    hh = rowHeaderHeaders.hh[h.col];
+                    if(hh && hh.th && $(hh.th).hasClass(mainClass)){
+                        $(hh.th).trigger('click');
+                    }
+                 }*/
+            }
+
+            return h.th.scrollIntoView;
+        };
+        collapseColsAt = function(colHeaderHeaders, colHeaderCols, colAttrs, colAttr) {
+            var h, hh, i, idx, nAttrs, nCols, results;
+            if (isColDisable) {
+                return;
+            }
+            if (typeof colAttr === 'string') {
+                idx = colAttrs.indexOf(colAttr);
+            } else {
+                idx = colAttr;
+            }
+            if (idx < 0 || idx === colAttrs.length - 1) {
+                return;
+            }
+            i = idx;
+            nAttrs = colAttrs.length - 1;
+            while (i < nAttrs && i <= colDisableAfter) {
+                hh = colHeaderHeaders[i];
+                replaceClass(hh.th, classExpanded, classCollapsed);
+                hh.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colAttrs[i]);
+                hh.clickStatus = clickStatusCollapsed;
+                ++i;
+            }
+            i = 0;
+            nCols = colHeaderCols.length;
+            results = [];
+            while (i < nCols) {
+                h = colHeaderCols[i];
+                if (h.col === idx && h.clickStatus !== clickStatusCollapsed && h.th.style.display !== "none") {
+                    collapseCol(colHeaderHeaders, colHeaderCols, parseInt(h.th.getAttribute("data-colnode")));
+                }
+                results.push(++i);
+            }
+            return results;
+        };
+        expandColsAt = function(colHeaderHeaders, colHeaderCols, colAttrs, colAttr) {
+            var colHeaderHeader, h, hh, i, idx, j, k, nCols, ref8, results;
+            if (isColDisable) {
+                return;
+            }
+            if (typeof colAttr === 'string') {
+                idx = colAttrs.indexOf(colAttr);
+            } else {
+                idx = colAttr;
+            }
+            if (idx < 0 || idx === colAttrs.length - 1) {
+                return;
+            }
+            for (i = k = 0, ref8 = idx; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
+                if (i <= colDisableAfter) {
+                    hh = colHeaderHeaders[i];
+                    replaceClass(hh.th, classCollapsed, classExpanded);
+                    hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(colAttrs[i]);
+                    hh.clickStatus = clickStatusExpanded;
+                }
+                j = 0;
+                nCols = colHeaderCols.length;
+                while (j < nCols) {
+                    h = colHeaderCols[j];
+                    if (h.col === i) {
+                        expandCol(colHeaderHeaders, colHeaderCols, j);
+                    }
+                    ++j;
+                }
+            }
+            ++idx;
+            results = [];
+            while (idx < colAttrs.length - 1 && idx <= colDisableAfter) {
+                colHeaderHeader = colHeaderHeaders[idx];
+                if (colHeaderHeader.expandedCount === 0) {
+                    replaceClass(colHeaderHeader.th, classExpanded, classCollapsed);
+                    colHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colAttrs[idx]);
+                    colHeaderHeader.clickStatus = clickStatusCollapsed;
+                } else if (colHeaderHeader.expandedCount === colHeaderHeader.nHeaders) {
+                    replaceClass(colHeaderHeader.th, classCollapsed, classExpanded);
+                    colHeaderHeader.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(colAttrs[idx]);
+                    colHeaderHeader.clickStatus = clickStatusExpanded;
+                }
+                results.push(++idx);
+            }
+            return results;
+        };
+        collapseRowsAt = function(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr) {
+            var h, i, idx, j, nAttrs, nRows, results;
+            if (isRowDisable) {
+                return;
+            }
+            if (typeof rowAttr === 'string') {
+                idx = rowAttrs.indexOf(rowAttr);
+            } else {
+                idx = rowAttr;
+            }
+            if (idx < 0 || idx === rowAttrs.length - 1) {
+                return;
+            }
+            i = idx;
+            nAttrs = rowAttrs.length - 1;
+            while (i < nAttrs && i <= rowDisableAfter) {
+                h = rowHeaderHeaders.hh[i];
+                replaceClass(h.th, classExpanded, classCollapsed);
+                h.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowAttrs[i]);
+                h.clickStatus = clickStatusCollapsed;
+                ++i;
+            }
+            j = 0;
+            nRows = rowHeaderRows.length;
+            results = [];
+            while (j < nRows) {
+                h = rowHeaderRows[j];
+                if (h.col === idx && h.clickStatus !== clickStatusCollapsed && h.tr.style.display !== "none") {
+                    collapseRow(rowHeaderHeaders, rowHeaderRows, j);
+                    results.push(j = j + h.descendants + 1);
+                } else {
+                    results.push(++j);
+                }
+            }
+            return results;
+        };
+        expandRowsAt = function(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr) {
+            var h, hh, i, idx, j, k, nRows, ref8, results, rowHeaderHeader;
+            if (isRowDisable) {
+                return;
+            }
+            if (typeof rowAttr === 'string') {
+                idx = rowAttrs.indexOf(rowAttr);
+            } else {
+                idx = rowAttr;
+            }
+            if (idx < 0 || idx === rowAttrs.length - 1) {
+                return;
+            }
+            for (i = k = 0, ref8 = idx; 0 <= ref8 ? k <= ref8 : k >= ref8; i = 0 <= ref8 ? ++k : --k) {
+                if (i <= rowDisableAfter) {
+                    hh = rowHeaderHeaders.hh[i];
+                    replaceClass(hh.th, classCollapsed, classExpanded);
+                    hh.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(rowAttrs[i]);
+                    hh.clickStatus = clickStatusExpanded;
+                }
+                j = 0;
+                nRows = rowHeaderRows.length;
+                while (j < nRows) {
+                    h = rowHeaderRows[j];
+                    if (h.col === i) {
+                        expandRow(rowHeaderHeaders, rowHeaderRows, j);
+                        j += h.descendants + 1;
+                    } else {
+                        ++j;
+                    }
+                }
+            }
+            ++idx;
+            results = [];
+            while (idx < rowAttrs.length - 1 && idx <= rowDisableAfter) {
+                rowHeaderHeader = rowHeaderHeaders.hh[idx];
+                if (rowHeaderHeader.expandedCount === 0) {
+                    replaceClass(rowHeaderHeader.th, classExpanded, classCollapsed);
+                    rowHeaderHeader.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowAttrs[idx]);
+                    rowHeaderHeader.clickStatus = clickStatusCollapsed;
+                } else if (rowHeaderHeader.expandedCount === rowHeaderHeader.nHeaders) {
+                    replaceClass(rowHeaderHeader.th, classCollapsed, classExpanded);
+                    rowHeaderHeader.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(rowAttrs[idx]);
+                    rowHeaderHeader.clickStatus = clickStatusExpanded;
+                }
+                results.push(++idx);
+            }
+            return results;
+        };
+        toggleColHeaderHeader = function(colHeaderHeaders, colHeaderCols, colAttrs, colAttr) {
+            var h, idx;
+            if (isColDisable) {
+                return;
+            }
+            if (isColDisableExpandCollapse) {
+                return;
+            }
+            idx = colAttrs.indexOf(colAttr);
+            h = colHeaderHeaders[idx];
+            if (h.col > colDisableAfter) {
+                return;
+            }
+            if (h.clickStatus === clickStatusCollapsed) {
+                h.clickStatus = clickStatusExpanded;
+                h.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(colAttr);
+                replaceClass(h.th, classCollapsed, classExpanded);
+                return expandColsAt(colHeaderHeaders, colHeaderCols, colAttrs, colAttr);
+            } else {
+                h.clickStatus = clickStatusCollapsed;
+                h.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(colAttr);
+                replaceClass(h.th, classExpanded, classCollapsed);
+                return collapseColsAt(colHeaderHeaders, colHeaderCols, colAttrs, colAttr);
+            }
+        };
+        toggleRowHeaderHeader = function(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr) {
+            var idx, th;
+            if (isRowDisable) {
+                return;
+            }
+            if (isRowDisableExpandCollapse) {
+                return;
+            }
+            idx = rowAttrs.indexOf(rowAttr);
+            th = rowHeaderHeaders.hh[idx];
+            if (th.col > rowDisableAfter) {
+                return;
+            }
+            if (th.clickStatus === clickStatusCollapsed) {
+                th.clickStatus = clickStatusExpanded;
+                th.th.innerHTML = " " + arrowExpanded + " " + opts.labelsConvertFunction(rowAttr);
+                replaceClass(th.th, classCollapsed, classExpanded);
+                return expandRowsAt(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr);
+            } else {
+                th.clickStatus = clickStatusCollapsed;
+                th.th.innerHTML = " " + arrowCollapsed + " " + opts.labelsConvertFunction(rowAttr);
+                replaceClass(th.th, classExpanded, classCollapsed);
+                return collapseRowsAt(rowHeaderHeaders, rowHeaderRows, rowAttrs, rowAttr);
+            }
+        };
+
+        handleFreezePanesScroll = function(freezableElements) {
+            return function(event) {
+                if (event.target.dataset.canFreezePanes) return;
+
+                const wrapper = event.target;
+
+                const translateY = `translate(0px, ${wrapper.scrollTop}px)`;
+                const translateX = `translate(${wrapper.scrollLeft}px, 0px)`;
+                const translateXY = `translate(${wrapper.scrollLeft}px, ${wrapper.scrollTop}px)`;
+
+                _.forEach(freezableElements, function (element) {
+                    let currentTranslate = translateY;
+                    currentTranslate = element.className.includes(elementToTransform.X) ? translateX : currentTranslate;
+                    currentTranslate = element.className.includes(elementToTransform.XY) ? translateXY : currentTranslate;
+                    element.style.transform = currentTranslate;
+                });
+            }
+        };
+
+        selectFreezableElements = function(wrapper) {
+            const selectString =_.map(Object.values(elementToTransform), function (item) {
+                return `.${item.replace(' ', '')}`;
+            }).join(',');
+            return Array.from(wrapper.querySelectorAll(selectString));
+        }
+
+        main = function(rowAttrs, rowKeys, colAttrs, colKeys) {
+            var c,rowspan, colHeaderCols, colHeaderHeaders, colHeaders, h, k, l, len, len1, result, rowHeaderHeaders, rowHeaderRows, rowHeaders, tbody, thead, tr;
+            rowHeaders = [];
+            colHeaders = [];
+            rowHeaderHeaders = {};
+            rowHeaderRows = [];
+            colHeaderHeaders = [];
+            colHeaderCols = [];
+            if (rowAttrs.length > 0 && rowKeys.length > 0) {
+                rowHeaders = processKeys(rowKeys, "pvtRowLabel", 'rows', rowAttrs);
+            }
+            if (colAttrs.length > 0 && colKeys.length > 0) {
+                colHeaders = processKeys(colKeys, "pvtColLabel", 'cols', colAttrs);
+            }
+            var tableClasses = useNewUx && opts.chartOptions.table_options.use_new_table_design ? 'pvtTable newPvtTable' : 'pvtTable';
+            result = createElement("table", tableClasses , null, {
+                style: "display: none;"
+            });
+
+            colorizeTableIfNeed(result);
+
+            thead = createElement("thead");
+            result.appendChild(thead);
+            if (colAttrs.length > 0) {
+                buildColHeaderHeaders(thead, colHeaderHeaders, rowAttrs, colAttrs);
+                for (k = 0, len = colHeaders.length; k < len; k++) {
+                    h = colHeaders[k];
+                    buildColHeaders(colHeaderHeaders, colHeaderCols, h, rowAttrs, colAttrs);
+                }
+                buildColHeaderHeadersClickEvents(colHeaderHeaders, colHeaderCols, colAttrs);
+            }
+            if (rowAttrs.length > 0) {
+                buildRowHeaderHeaders(thead, rowHeaderHeaders, rowAttrs, colAttrs);
+                if (colAttrs.length === 0 && opts.chartOptions.table_options.show_row_total) {
+                    buildRowTotalsHeader(rowHeaderHeaders.tr, rowAttrs, colAttrs);
+                }
+            }
+            if (colAttrs.length > 0 && opts.chartOptions.table_options.show_row_total) {
+                buildRowTotalsHeader(colHeaderHeaders[0].tr, rowAttrs, colAttrs);
+                if(opts.chartOptions.table_options.colorize_headers == true){
+                    for (c=1; c<colHeaderHeaders.length; c++){
+                        rowspan = 1;
+                        if(c == colHeaderHeaders.length-1){
+                            rowspan = 2;
+                        }
+                        colHeaderHeaders[c].tr.appendChild(createElement("th", verticalFreezePaneClass, "",{rowspan: rowspan}));
+                        if (opts.chartOptions.table_options.freeze_panes) {
+                            getHeaderColorProperties(colHeaderHeaders[c].tr, c);
+                        }
+                    }
+                }
+            }
+            tbody = createElement("tbody");
+            result.appendChild(tbody);
+
+            const hasColLabels = !!thead.querySelector('.pvtColLabel');
+
+            if (rowAttrs.length > 0) {
+                for (l = 0, len1 = rowHeaders.length; l < len1; l++) {
+                    h = rowHeaders[l];
+                    buildRowHeaders(tbody, rowHeaderHeaders, rowHeaderRows, h, rowAttrs, colAttrs, l%2 === 0, hasColLabels);
+                }
+            }
+            buildRowHeaderHeadersClickEvents(rowHeaderHeaders, rowHeaderRows, rowAttrs);
+            buildValues(rowHeaderRows, colHeaderCols, rowAttrs, colAttrs);
+            if(opts.chartOptions.table_options.show_column_total){
+                tr = buildColTotalsHeader(rowAttrs, colAttrs);
+                if (colAttrs.length > 0) {
+                    buildColTotals(tr, colHeaderCols, rowAttrs, colAttrs);
+                }
+                if(opts.chartOptions.table_options.show_row_total)
+                    buildGrandTotal(tbody, tr, rowAttrs, colAttrs);
+                else
+                    tbody.appendChild(tr);
+            }
+
+            result.setAttribute("data-numrows", rowKeys.length);
+            result.setAttribute("data-numcols", colKeys.length);
+            if ((opts.collapseRowsAt == null) && (opts.collapseColsAt == null)) {
+                result.style.display = "";
+            }
+            if (opts.collapseRowsAt != null) {
+                collapseRowsAt(rowHeaderHeaders, rowHeaderRows, rowAttrs, opts.collapseRowsAt);
+            }
+            if (opts.collapseColsAt != null) {
+                collapseColsAt(colHeaderHeaders, colHeaderCols, colAttrs, opts.collapseColsAt);
+            }
+            result.style.display = "";
+
+            var resultsArr = [];
+            var additionOptions = opts.chartOptions ? opts.chartOptions : null;
+
+            if (opts && opts.chart_title && !opts.chartOptions.hideChartHeader) {
+                var title = document.createElement("div");
+                title.className = "title";
+                title.innerText = opts.chart_title;
+                resultsArr.push(title);
+            }
+
+            if (additionOptions && additionOptions.subtitle && !opts.chartOptions.hideChartHeader) {
+                var subTitle = document.createElement("div");
+                subTitle.className = "sub-title";
+                subTitle.innerText = additionOptions.subtitle.subtitle;
+                resultsArr.push(subTitle);
+            }
+
+            if (tooMuch) {
+                const defaultPlaceholder = $('<div class="noData"><i class="fa fa-info"></i> There are too many rows to display in the table.<br>Please filter or change the table type in options.</div>');
+
+                resultsArr.push($.pivotUtilities.errorHandling.getErrorPlaceholder(error_params, useNewUx) || defaultPlaceholder);
+            } else {
+                var tableContainer = document.createElement("div");
+                tableContainer.className = "pivot-div";
+                tableContainer.appendChild(result);
+                if (opts.chartOptions.table_options.freeze_panes) {
+                    tableContainer.onscroll = handleFreezePanesScroll(selectFreezableElements(tableContainer));
+                }
+                resultsArr.push(tableContainer);
+            }
+
+            var wrapper = document.createElement("div");
+            wrapper.className = "pivot-wrapper";
+
+            $(wrapper).append(resultsArr);
+
+            return wrapper;
+        };
+        return main(rowAttrs, rowKeys, colAttrs, colKeys);
+    };
+    // $.pivotUtilities.subtotal_renderers = SubtotalRenderer;
+    $.pivotUtilities.subtotal_renderers = NovixRenderer;
+    $.pivotUtilities.delim = delim;
+
+    $.pivotUtilities.getFormattedNumber = getFormattedNumber;
+    $.pivotUtilities.sortDateStrings = sortDateStrings;
+    $.pivotUtilities.largeToSmallSort = largeToSmallSort;
+    $.pivotUtilities.getPivotDataModel = function(input, opts){ return new DRPivotData(input, opts); }
+    $.pivotUtilities.getPivotTableFormula = function(rowData, opts, func, colFields, rowFields, aggregationDefaults, utils) {
+        let totalStr = 'Grand Totals';
+        let pivotData = new DRPivotData(rowData, opts);
+        let rowAttrs = pivotData.rowAttrs;
+        let rowKeys = pivotData.getRowKeys();
+        let colAttrs = pivotData.colAttrs;
+        let colKeys = pivotData.getColKeys();
+
+        if ((rowKeys.length || 1) * (colKeys.length || 1) > 10000) {
+            throw new Error(`Can't create table formula. The table has many rows or columns`);
+        }
+
+        let rowValuesIndex = colAttrs.length;
+        let colValuesIndex = rowAttrs.length;
+        let matrix = [];
+        let colFormulas = [];
+        let rowFormulas = [];
+        let aggregation = utils.getAggregationConfigFromFields(func, colFields, rowFields, aggregationDefaults);
+
+        // Create headers
+        if (rowAttrs && rowAttrs.length && colAttrs && colAttrs.length) {
+            colValuesIndex += 1;
+            rowValuesIndex += 1;
+
+            // Free place in formulas arrays
+            colFormulas = new Array(colValuesIndex).fill(null);
+            rowFormulas = new Array(rowValuesIndex).fill(null);
+
+            for (let i = 0; i < colAttrs.length; i++) {
+                // Free place in row start
+                let headerRow = new Array(rowAttrs.length).fill(null);
+                // Add col field name
+                headerRow.push(colAttrs[i]);
+                // Add row keys
+                _.forEach(colKeys, function (keys) {
+                    headerRow.push(utils.getHeaderValue(keys[i], colFields[i].type));
+                    // Calc formulas in first time
+                    if (i === 0) {
+                        colFormulas.push(utils.createKeysFormula(colFields, keys, colFormulas.length + 1, true));
+                    }
+                });
+
+                // Add row to matrix
+                matrix.push(headerRow);
+            }
+
+            // Add row fields + free space under cols + Grand Totals right
+            matrix.push(rowAttrs.concat(new Array(colKeys.length + 1).fill(null)).concat(totalStr));
+            // Row Headers
+            for (let i = 0; i < rowKeys.length; i++) {
+                // Formatting row keys
+                let keysFormatted = [];
+                for (let k = 0; k < rowKeys[i].length; k++) {
+                    keysFormatted.push(utils.getHeaderValue(rowKeys[i][k], rowFields[k].type))
+                }
+                // Add row keys
+                matrix.push(keysFormatted.concat(null));
+                // Calc formulas
+                rowFormulas.push(utils.createKeysFormula(rowFields, rowKeys[i], rowFormulas.length + 1));
+            }
+            // Add Grand Totals bottom
+            matrix.push(new Array(rowAttrs.length).fill(null).concat(totalStr));
+
+            // Fill values
+            for (let y = rowValuesIndex; y < matrix.length; y++) {
+                for (let x = colValuesIndex; x < matrix[rowValuesIndex - 1].length; x++) {
+                    matrix[y][x] = utils.createCellFormula(func, colFormulas[x], rowFormulas[y], aggregation);
+                }
+            }
+        } else if (colAttrs && colAttrs.length) {
+            colFormulas = new Array(null);
+
+            for (let i = 0; i < colAttrs.length; i++) {
+                // Add col field name
+                let headerRow = [colAttrs[i]];
+                // Add keys
+                _.forEach(colKeys, function (keys) {
+                    headerRow.push(utils.getHeaderValue(keys[i], colFields[i].type));
+                    // Calc formulas in first time
+                    if (i === 0) {
+                        colFormulas.push(utils.createKeysFormula(colFields, keys, colFormulas.length + 1, true));
+                    }
+                });
+
+                // Add row to matrix
+                matrix.push(headerRow);
+            }
+
+            // Add Grand Totals right
+            matrix[matrix.length - 1].push(totalStr);
+            // Add Grand Totals bottom
+            matrix.push([totalStr]);
+
+            // Fill totals
+            for (let x = 1; x < matrix[matrix.length - 2].length; x++) {
+                matrix[matrix.length - 1][x] = utils.createCellFormula(func, colFormulas[x], '', aggregation);
+            }
+        } else if (rowAttrs && rowAttrs.length) {
+            rowFormulas = new Array(null);
+
+            // Add row fields + Grand Totals right
+            matrix.push(rowAttrs.concat(totalStr));
+            // Row Headers
+            for (let i = 0; i < rowKeys.length; i++) {
+                // Formatting row keys
+                let keysFormatted = [];
+                for (let k = 0; k < rowKeys[i].length; k++) {
+                    keysFormatted.push(utils.getHeaderValue(rowKeys[i][k], rowFields[k].type))
+                }
+                // Add row keys
+                matrix.push(keysFormatted);
+                // Calc formulas
+                rowFormulas.push(utils.createKeysFormula(rowFields, rowKeys[i], rowFormulas.length + 1));
+            }
+            // Add Grand Totals bottom
+            matrix.push(new Array(rowAttrs.length - 1).fill(null).concat(totalStr));
+
+            // Fill totals
+            for (let y = 1; y < matrix.length; y++) {
+                matrix[y][rowAttrs.length] = utils.createCellFormula(func, '', rowFormulas[y], aggregation);
+            }
+        } else {
+            matrix = [[totalStr, utils.createCellFormula(func, '', '', aggregation)]];
+        }
+
+        return matrix;
+    };
+};
+
+module.exports = initDRPivotTable;