frozen_rows.js

var FrozenRows = function(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);