frozen_rows.js

/* Tabulator v4.5.3 (c) Oliver Folkerd */

var FrozenRows = function FrozenRows(table) {
    this.table = table; //hold Tabulator object
    this.topElement = document.createElement("div");
    this.rows = [];
    this.displayIndex = 0; //index in display pipeline
};

FrozenRows.prototype.initialize = function () {
    this.rows = [];

    this.topElement.classList.add("tabulator-frozen-rows-holder");

    // this.table.columnManager.element.append(this.topElement);
    this.table.columnManager.getElement().insertBefore(this.topElement, this.table.columnManager.headersElement.nextSibling);
};

FrozenRows.prototype.setDisplayIndex = function (index) {
    this.displayIndex = index;
};

FrozenRows.prototype.getDisplayIndex = function () {
    return this.displayIndex;
};

FrozenRows.prototype.isFrozen = function () {
    return !!this.rows.length;
};

//filter frozen rows out of display data
FrozenRows.prototype.getRows = function (rows) {
    var self = this,
        frozen = [],
        output = rows.slice(0);

    this.rows.forEach(function (row) {
        var index = output.indexOf(row);

        if (index > -1) {
            output.splice(index, 1);
        }
    });

    return output;
};

FrozenRows.prototype.freezeRow = function (row) {
    if (!row.modules.frozen) {
        row.modules.frozen = true;
        this.topElement.appendChild(row.getElement());
        row.initialize();
        row.normalizeHeight();
        this.table.rowManager.adjustTableSize();

        this.rows.push(row);

        this.table.rowManager.refreshActiveData("display");

        this.styleRows();
    } else {
        console.warn("Freeze Error - Row is already frozen");
    }
};

FrozenRows.prototype.unfreezeRow = function (row) {
    var index = this.rows.indexOf(row);

    if (row.modules.frozen) {

        row.modules.frozen = false;

        var rowEl = row.getElement();
        rowEl.parentNode.removeChild(rowEl);

        this.table.rowManager.adjustTableSize();

        this.rows.splice(index, 1);

        this.table.rowManager.refreshActiveData("display");

        if (this.rows.length) {
            this.styleRows();
        }
    } else {
        console.warn("Freeze Error - Row is already unfrozen");
    }
};

FrozenRows.prototype.styleRows = function (row) {
    var self = this;

    this.rows.forEach(function (row, i) {
        self.table.rowManager.styleRow(row, i);
    });
};

Tabulator.prototype.registerModule("frozenRows", FrozenRows);