Many resources are needed to download a project. Please understand that we have to compensate our server costs. Thank you in advance.
Project price only 1 $
You can buy this project and download/modify it how often you want.
META-INF.resources.primefaces.datatable.datatable.frozen.js Maven / Gradle / Ivy
/**
* __PrimeFaces DataTable with Frozen Columns Widget__
*
* @prop {JQuery} frozenBody The DOM element for the frozen body.
* @prop {JQuery} frozenBodyTable The DOM element for the frozen body TABLE.
* @prop {JQuery} frozenContainer The DOM element for the container of the frozen table.
* @prop {JQuery} frozenFooter The DOM element for the frozen footer.
* @prop {undefined} frozenColgroup Always `undefined` and not used.
* @prop {JQuery} frozenFooterCols The DOM elements for the frozen columns of the footer.
* @prop {JQuery} frozenFooterTable The DOM element for the frozen data table footer TABLE.
* @prop {JQuery} frozenGroupResizers The DOM element for the frozen group resizers of the footer.
* @prop {JQuery} frozenHeader The DOM element for the frozen header.
* @prop {JQuery} frozenLayout The DOM element for the frozen layout container.
* @prop {JQuery} frozenTbody The DOM element for the header TBODY.
* @prop {JQuery} frozenTheadClone The DOM element for the clone of the frozen THEAD.
* @prop {JQuery} frozenTfoot The DOM element for the header TFOOT.
* @prop {JQuery} scrollBodyTable The DOM element for the TABLE of the scrollable body.
* @prop {JQuery} scrollContainer The DOM element for the container of the scrollable body.
* @prop {undefined} scrollColgroup Always `undefined` and not used.
* @prop {JQuery} scrollFooterCols The DOM element for the scrollable columns of the footer.
* @prop {JQuery} scrollFooterTable The DOM element for the TABLE of the scrollable footer.
* @prop {JQuery} scrollGroupResizers The DOM element for the group resizers of the scrollable body.
* @prop {JQuery} scrollHeaderTable The DOM element for the TABLE of the scrollable header.
* @prop {JQuery} scrollLayout The DOM element for the scrollable layout container.
* @prop {JQuery} scrollThead The DOM element for the scrollable THEAD.
* @prop {JQuery} scrollTheadClone The DOM element for the clone of the scrollable THEAD.
* @prop {JQuery} scrollTfoot The DOM element for the scrollable TFOOT.
*
* @interface {PrimeFaces.widget.FrozenDataTableCfg} cfg The configuration for the {@link FrozenDataTable| FrozenDataTable widget}.
* You can access this configuration via {@link PrimeFaces.widget.BaseWidget.cfg|BaseWidget.cfg}. Please note that this
* configuration is usually meant to be read-only and should not be modified.
* @extends {PrimeFaces.widget.DataTableCfg} cfg
*/
PrimeFaces.widget.FrozenDataTable = PrimeFaces.widget.DataTable.extend({
/**
* @override
* @protected
* @inheritdoc
*/
setupScrolling: function() {
this.scrollLayout = this.jq.find('> table > tbody > tr > td.ui-datatable-frozenlayout-right');
this.frozenLayout = this.jq.find('> table > tbody > tr > td.ui-datatable-frozenlayout-left');
this.scrollContainer = this.jq.find('> table > tbody > tr > td.ui-datatable-frozenlayout-right > .ui-datatable-scrollable-container');
this.frozenContainer = this.jq.find('> table > tbody > tr > td.ui-datatable-frozenlayout-left > .ui-datatable-frozen-container');
this.scrollHeader = this.scrollContainer.children('.ui-datatable-scrollable-header');
this.scrollHeaderBox = this.scrollHeader.children('div.ui-datatable-scrollable-header-box');
this.scrollBody = this.scrollContainer.children('.ui-datatable-scrollable-body');
this.scrollFooter = this.scrollContainer.children('.ui-datatable-scrollable-footer');
this.scrollFooterBox = this.scrollFooter.children('div.ui-datatable-scrollable-footer-box');
this.scrollStateHolder = $(this.jqId + '_scrollState');
this.scrollHeaderTable = this.scrollHeaderBox.children('table');
this.scrollBodyTable = this.cfg.virtualScroll ? this.scrollBody.children('div').children('table') : this.scrollBody.children('table');
this.scrollThead = this.thead.eq(1);
this.scrollTbody = this.tbody.eq(1);
this.scrollTfoot = this.tfoot.eq(1);
this.scrollFooterTable = this.scrollFooterBox.children('table');
this.scrollFooterCols = this.scrollFooter.find('> .ui-datatable-scrollable-footer-box > table > tfoot > tr > td');
this.frozenHeader = this.frozenContainer.children('.ui-datatable-scrollable-header');
this.frozenBody = this.frozenContainer.children('.ui-datatable-scrollable-body');
this.frozenBodyTable = this.cfg.virtualScroll ? this.frozenBody.children('div').children('table') : this.frozenBody.children('table');
this.frozenThead = this.thead.eq(0);
this.frozenTbody = this.tbody.eq(0);
this.frozenTfoot = this.tfoot.eq(0);
this.frozenFooter = this.frozenContainer.children('.ui-datatable-scrollable-footer');
this.frozenFooterTable = this.frozenFooter.find('> .ui-datatable-scrollable-footer-box > table');
this.frozenFooterCols = this.frozenFooter.find('> .ui-datatable-scrollable-footer-box > table > tfoot > tr > td');
this.percentageScrollHeight = this.cfg.scrollHeight && (this.cfg.scrollHeight.indexOf('%') !== -1);
this.percentageScrollWidth = this.cfg.scrollWidth && (this.cfg.scrollWidth.indexOf('%') !== -1);
this.frozenThead.find('> tr > th').addClass('ui-frozen-column');
var $this = this,
scrollBarWidth = this.getScrollbarWidth() + 'px',
hScrollWidth = this.scrollBody[0].scrollWidth;
if(this.cfg.scrollHeight) {
if(this.percentageScrollHeight) {
this.adjustScrollHeight();
}
if(this.hasVerticalOverflow()) {
this.scrollHeaderBox.css('margin-right', scrollBarWidth);
this.scrollFooterBox.css('margin-right', scrollBarWidth);
}
}
if(this.cfg.selectionMode) {
this.scrollTbody.removeAttr('tabindex');
}
if (!this.cfg.reflow) {
this.fixColumnWidths();
}
if(this.cfg.scrollWidth) {
if(this.percentageScrollWidth)
this.adjustScrollWidth();
else
this.setScrollWidth(parseInt(this.cfg.scrollWidth));
if(this.hasVerticalOverflow()) {
var browser = PrimeFaces.env.browser;
if(browser.webkit === true || browser.mozilla === true)
this.frozenBody.append('
');
else
this.frozenBodyTable.css('margin-bottom', scrollBarWidth);
}
}
this.cloneHead();
this.fixRowHeightsAll();
if(this.cfg.liveScroll) {
this.clearScrollState();
this.scrollOffset = 0;
this.cfg.liveScrollBuffer = (100 - this.cfg.liveScrollBuffer) / 100;
this.shouldLiveScroll = true;
this.loadingLiveScroll = false;
this.allLoadedLiveScroll = $this.cfg.scrollStep >= $this.cfg.scrollLimit;
}
this.restoreScrollState();
if(this.cfg.virtualScroll) {
var row = this.scrollTbody.children('tr.ui-widget-content');
if(row) {
this.rowHeight = row.outerHeight();
this.scrollBody.children('div').css('height', parseFloat((this.cfg.scrollLimit * this.rowHeight) + 'px'));
this.frozenBody.children('div').css('height', parseFloat((this.cfg.scrollLimit * this.rowHeight) + 'px'));
}
if(!this.cfg.scrollHeight) {
this.frozenBody.css('height', this.scrollBody.height());
}
}
this.scrollBody.on('scroll.datatable', function() {
var scrollLeft = $this.scrollBody.scrollLeft(),
scrollTop = $this.scrollBody.scrollTop();
if ($this.isRTL) {
$this.scrollHeaderBox.css('margin-right', (scrollLeft - hScrollWidth + this.clientWidth) + 'px');
$this.scrollFooterBox.css('margin-right', (scrollLeft - hScrollWidth + this.clientWidth) + 'px');
}
else {
$this.scrollHeaderBox.css('margin-left', -scrollLeft + 'px');
$this.scrollFooterBox.css('margin-left', -scrollLeft + 'px');
}
$this.frozenBody.scrollTop(scrollTop);
if($this.cfg.virtualScroll) {
var virtualScrollBody = this;
clearTimeout($this.scrollTimeout);
$this.scrollTimeout = setTimeout(function() {
var viewportHeight = $this.scrollBody.outerHeight(),
tableHeight = $this.scrollBodyTable.outerHeight(),
pageHeight = $this.rowHeight * $this.cfg.scrollStep,
virtualTableHeight = parseFloat(($this.cfg.scrollLimit * $this.rowHeight) + 'px'),
pageCount = (virtualTableHeight / pageHeight)||1;
if(virtualScrollBody.scrollTop + viewportHeight > parseFloat($this.scrollBodyTable.css('top')) + tableHeight || virtualScrollBody.scrollTop < parseFloat($this.scrollBodyTable.css('top'))) {
var page = Math.floor((virtualScrollBody.scrollTop * pageCount) / (virtualScrollBody.scrollHeight)) + 1;
$this.loadRowsWithVirtualScroll(page, function () {
$this.scrollBodyTable.css('top', ((page - 1) * pageHeight) + 'px');
$this.frozenBodyTable.css('top', ((page - 1) * pageHeight) + 'px');
});
}
}, 200);
}
else if($this.shouldLiveScroll) {
var scrollTop = Math.ceil(this.scrollTop),
scrollHeight = this.scrollHeight,
viewportHeight = this.clientHeight;
if((scrollTop >= ((scrollHeight * $this.cfg.liveScrollBuffer) - (viewportHeight))) && $this.shouldLoadLiveScroll()) {
$this.loadLiveRows();
}
}
$this.saveScrollState();
});
PrimeFaces.utils.registerResizeHandler(this, 'resize.' + this.id + '_align', $this.jq, function() {
if ($this.resizeTimeout) {
clearTimeout($this.resizeTimeout);
}
$this.resizeTimeout = setTimeout(function() {
$this.fixRowHeightsAll();
if ($this.percentageScrollHeight) {
$this.adjustScrollHeight();
}
if ($this.percentageScrollWidth) {
$this.adjustScrollWidth();
}
}, 150);
});
},
/**
* @override
* @protected
* @inheritdoc
*/
cloneHead: function() {
if (this.frozenTheadClone) {
this.frozenTheadClone.remove();
}
this.frozenTheadClone = this.cloneTableHeader(this.frozenThead, this.frozenBodyTable);
if (this.scrollTheadClone) {
this.scrollTheadClone.remove();
}
this.scrollTheadClone = this.cloneTableHeader(this.scrollThead, this.scrollBodyTable);
},
/**
* @override
* @protected
* @inheritdoc
* @return {boolean}
*/
hasVerticalOverflow: function() {
return this.scrollBodyTable.outerHeight() > this.scrollBody.outerHeight();
},
/**
* @override
* @protected
* @inheritdoc
*/
adjustScrollHeight: function() {
var relativeHeight = this.jq.parent().innerHeight() * (parseInt(this.cfg.scrollHeight) / 100),
headerChilden = this.jq.children('.ui-datatable-header'),
footerChilden = this.jq.children('.ui-datatable-footer'),
tableHeaderHeight = (headerChilden.length > 0) ? headerChilden.outerHeight(true) : 0,
tableFooterHeight = (footerChilden.length > 0) ? footerChilden.outerHeight(true) : 0,
scrollersHeight = (this.scrollHeader.innerHeight() + this.scrollFooter.innerHeight()),
paginatorsHeight = this.paginator ? this.paginator.getContainerHeight(true) : 0,
height = (relativeHeight - (scrollersHeight + paginatorsHeight + tableHeaderHeight + tableFooterHeight));
if(this.cfg.virtualScroll) {
this.scrollBody.css('max-height', height + 'px');
this.frozenBody.css('max-height', height + 'px');
}
else {
this.scrollBody.height(height);
this.frozenBody.height(height);
}
},
/**
* @override
* @protected
* @inheritdoc
*/
adjustScrollWidth: function() {
var scrollLayoutWidth = this.jq.parent().innerWidth() - this.frozenLayout.innerWidth(),
width = parseInt((scrollLayoutWidth * (parseInt(this.cfg.scrollWidth) / 100)));
this.setScrollWidth(width);
},
/**
* @override
* @protected
* @inheritdoc
* @param {number} width
*/
setScrollWidth: function(width) {
this.scrollHeader.width(width);
this.scrollBody.css('margin-right', '0px').width(width);
this.scrollFooter.width(width);
var $this = this,
headerWidth = width + this.frozenLayout.width();
this.jq.children('.ui-widget-header').each(function() {
$this.setOuterWidth($(this), headerWidth);
});
},
/**
* @override
* @protected
* @inheritdoc
*/
fixColumnWidths: function() {
var $this = this;
if(!this.columnWidthsFixed) {
if(this.cfg.scrollable) {
this._fixColumnWidths(this.scrollHeader, this.scrollFooterCols, this.scrollColgroup);
this._fixColumnWidths(this.frozenHeader, this.frozenFooterCols, this.frozenColgroup);
}
else {
this.jq.find('> .ui-datatable-tablewrapper > table > thead > tr > th').each(function() {
var col = $(this),
widthInfo = $this.getColumnWidthInfo(col);
$this.applyWidthInfo(col, widthInfo);
});
}
this.columnWidthsFixed = true;
}
},
/**
* Adjusts the width of the given columns to fit the current settings.
* @protected
* @param {JQuery} header Header of this data table.
* @param {JQuery} footerCols The columns to adjust.
*/
_fixColumnWidths: function(header, footerCols) {
var $this = this;
header.find('> .ui-datatable-scrollable-header-box > table > thead > tr > th').each(function() {
var headerCol = $(this),
colIndex = headerCol.index(),
widthInfo = $this.getColumnWidthInfo(headerCol);
$this.applyWidthInfo(headerCol, widthInfo);
if(footerCols.length > 0) {
var footerCol = footerCols.eq(colIndex);
$this.applyWidthInfo(footerCol, widthInfo);
}
});
},
/**
* @override
* @protected
* @inheritdoc
* @param {string} data
* @param {boolean | undefined} clear
*/
updateData: function(data, clear) {
var table = $(''),
rows = table.find('> tbody > tr'),
empty = (clear === undefined) ? true: clear;
if(empty) {
this.frozenTbody.children().remove();
this.scrollTbody.children().remove();
}
//find slice index by checking how many rendered columns there are in frozen part
var firstRow = this.frozenTbody.children('tr:first'),
frozenColumnCount = firstRow.length ? firstRow.children('td').length: this.cfg.frozenColumns;
for(var i = 0; i < rows.length; i++) {
var row = rows.eq(i),
columns = row.children('td'),
frozenRow = this.copyRow(row),
scrollableRow = this.copyRow(row);
if(row.hasClass('ui-datatable-empty-message')) {
var colspan = columns.attr('colspan'),
cloneColumns = columns.clone();
frozenRow.append(columns.attr('colspan', this.cfg.frozenColumns));
scrollableRow.append(cloneColumns.attr('colspan', (colspan - this.cfg.frozenColumns)));
}
else {
frozenRow.append(columns.slice(0, frozenColumnCount));
scrollableRow.append(columns.slice(frozenColumnCount));
}
this.frozenTbody.append(frozenRow);
this.scrollTbody.append(scrollableRow);
}
this.postUpdateData();
this.fixRowHeightsAll();
},
/**
* Clones the given row and returns it
* @param {JQuery} original DOM element of the original row.
* @return {JQuery} The cloned row.
*/
copyRow: function(original) {
return $(' ');
scrollableColumns.prepend(' ')
if(this.cfg.resizeMode === 'fit') {
frozenColumns.filter(':last-child').addClass('ui-frozen-column-last');
scrollableColumns.filter(':last-child').children('span.ui-column-resizer').hide();
}
if(this.hasColumnGroup) {
this.frozenGroupResizers = this.frozenThead.find('> tr:first > th > .ui-column-resizer');
this.scrollGroupResizers = this.scrollThead.find('> tr:first > th > .ui-column-resizer');
}
},
/**
* @override
* @protected
* @inheritdoc
* @param {JQuery.TriggeredEvent} event
* @param {JQueryUI.DraggableEventUIParams} ui
*/
resize: function(event, ui) {
var columnHeader = null,
change = null,
newWidth = null,
nextColumnWidth = null,
expandMode = (this.cfg.resizeMode === 'expand');
if(this.hasColumnGroup) {
var groupResizer = this.findGroupResizer(ui);
if(!groupResizer) {
return;
}
columnHeader = groupResizer.parent();
}
else {
columnHeader = ui.helper.parent();
}
var nextColumnHeader = columnHeader.next();
var colIndex = columnHeader.index(),
lastFrozen = columnHeader.hasClass('ui-frozen-column-last');
if(this.cfg.liveResize) {
change = columnHeader.outerWidth() - (event.pageX - columnHeader.offset().left),
newWidth = (columnHeader.width() - change),
nextColumnWidth = (nextColumnHeader.width() + change);
}
else {
change = (ui.position.left - ui.originalPosition.left),
newWidth = (columnHeader.width() + change),
nextColumnWidth = (nextColumnHeader.width() - change);
}
var minWidth = parseInt(columnHeader.css('min-width'));
minWidth = (minWidth == 0) ? 15 : minWidth;
var shouldChange = (expandMode && newWidth > minWidth) || (lastFrozen ? (newWidth > minWidth) : (newWidth > minWidth && nextColumnWidth > minWidth));
if(shouldChange) {
var frozenColumn = columnHeader.hasClass('ui-frozen-column'),
theadClone = frozenColumn ? this.frozenTheadClone : this.scrollTheadClone,
originalTable = frozenColumn ? this.frozenThead.parent() : this.scrollThead.parent(),
cloneTable = theadClone.parent(),
footerCols = frozenColumn ? this.frozenFooterCols : this.scrollFooterCols,
footerTable = frozenColumn ? this.frozenFooterTable: this.scrollFooterTable,
$this = this;
if(expandMode) {
if(lastFrozen) {
this.frozenLayout.width(this.frozenLayout.width() + change);
}
var originalTableWidth = originalTable.width(),
cloneTableWidth = cloneTable.width(),
footerTableWidth = footerTable.width();
//header
originalTable.width(originalTableWidth + change);
//body
cloneTable.width(cloneTableWidth + change);
//footer
footerTable.width(footerTableWidth + change);
setTimeout(function() {
columnHeader.width(newWidth);
if($this.hasColumnGroup) {
theadClone.find('> tr:first').children('th').eq(colIndex).width(newWidth); //body
footerTable.find('> tfoot > tr:first').children('th').eq(colIndex).width(newWidth); //footer
}
else {
theadClone.find(PrimeFaces.escapeClientId(columnHeader.attr('id') + '_clone')).width(newWidth); //body
footerCols.eq(colIndex).width(newWidth); //footer
}
}, 1);
}
else {
if(lastFrozen) {
this.frozenLayout.width(this.frozenLayout.width() + change);
}
columnHeader.width(newWidth);
nextColumnHeader.width(nextColumnWidth);
if(this.hasColumnGroup) {
//body
theadClone.find('> tr:first').children('th').eq(colIndex).width(newWidth);
theadClone.find('> tr:first').children('th').eq(colIndex + 1).width(nextColumnWidth);
//footer
footerTable.find('> tfoot > tr:first').children('th').eq(colIndex).width(newWidth);
footerTable.find('> tfoot > tr:first').children('th').eq(colIndex + 1).width(nextColumnWidth);
}
else {
theadClone.find(PrimeFaces.escapeClientId(columnHeader.attr('id') + '_clone')).width(newWidth);
theadClone.find(PrimeFaces.escapeClientId(nextColumnHeader.attr('id') + '_clone')).width(nextColumnWidth);
if(footerCols.length > 0) {
var footerCol = footerCols.eq(colIndex),
nextFooterCol = footerCol.next();
footerCol.width(newWidth);
nextFooterCol.width(nextColumnWidth);
}
}
}
}
},
/**
* @override
* @protected
* @inheritdoc
* @return {boolean}
*/
hasColGroup: function() {
return this.frozenThead.children('tr').length > 1 || this.scrollThead.children('tr').length > 1;
},
/**
* @override
* @protected
* @inheritdoc
*/
addGhostRow: function() {
this._addGhostRow(this.frozenTbody, this.frozenThead, this.frozenTheadClone, this.frozenFooter.find('table'), 'ui-frozen-column');
this._addGhostRow(this.scrollTbody, this.scrollThead, this.scrollTheadClone, this.scrollFooterTable);
},
/**
* Adds an invisible row for internal purposes.
* @protected
* @param {JQuery} body Body of this data table.
* @param {JQuery} header Header of this data table.
* @param {JQuery} headerClone Cloned header of this data table, see method `cloneHead`.
* @param {JQuery} footerTable Footer of this data table.
* @param {string} [columnClass] Optional CSS class for the ghost columns.
*/
_addGhostRow: function(body, header, headerClone, footerTable, columnClass) {
var dataColumns = body.find('tr:first').children('td'),
dataColumnsCount = dataColumns.length,
columnMarkup = '',
columnStyleClass = columnClass ? 'ui-resizable-column ' + columnClass : 'ui-resizable-column';
for(var i = 0; i < dataColumnsCount; i++) {
columnMarkup += '' + columnMarkup + ' ');
if(this.cfg.scrollable) {
headerClone.prepend('' + columnMarkup + ' ');
footerTable.children('tfoot').prepend('' + columnMarkup + ' ');
}
},
/**
* @override
* @protected
* @inheritdoc
* @return {JQuery}
*/
getFocusableTbody: function() {
return this.tbody.eq(0);
},
/**
* @override
* @protected
* @inheritdoc
*/
highlightFocusedRow: function() {
this._super();
this.getTwinRow(this.focusedRow).addClass('ui-state-hover');
},
/**
* @override
* @protected
* @inheritdoc
*/
unhighlightFocusedRow: function() {
this._super();
this.getTwinRow(this.focusedRow).removeClass('ui-state-hover');
},
/**
* @override
* @protected
* @inheritdoc
* @param {JQuery} row
*/
assignFocusedRow: function(row) {
this._super(row);
if(!row.parent().attr('tabindex')) {
this.frozenTbody.trigger('focus');
}
},
/**
* @override
* @protected
* @inheritdoc
*/
saveColumnOrder: function() {
var columnIds = [],
columns = $(this.jqId + '_frozenThead:first th,' + this.jqId + '_scrollableThead:first th');
columns.each(function(i, item) {
columnIds.push($(item).attr('id'));
});
this.orderStateHolder.val(columnIds.join(','));
},
/**
* @override
* @protected
* @inheritdoc
*/
resetVirtualScrollBody: function() {
this.scrollBodyTable.css('top', '0px');
this.frozenBodyTable.css('top', '0px');
this.scrollBody.scrollTop(0);
this.frozenBody.scrollTop(0);
this.clearScrollState();
},
/**
* @override
* @protected
* @inheritdoc
*/
groupRows: function() {
var scrollRows = this.scrollTbody.children('tr'),
frozenRows = this.frozenTbody.children('tr');
for (var i = 0; i < this.cfg.groupColumnIndexes.length; i++) {
var groupColumnIndex = this.cfg.groupColumnIndexes[i];
if (groupColumnIndex >= this.cfg.frozenColumns) {
this.groupRow(groupColumnIndex - this.cfg.frozenColumns, scrollRows);
}
else {
this.groupRow(groupColumnIndex, frozenRows);
}
}
scrollRows.children('td.ui-duplicated-column').remove();
frozenRows.children('td.ui-duplicated-column').remove();
},
/**
* Adjusts the height of all rows to fit the current settings.
*/
fixRowHeightsAll: function() {
this.fixRowHeights(this.scrollThead.children(), this.frozenThead.children());
this.fixRowHeights(this.scrollTbody.children(), this.frozenTbody.children());
var frozenFootRows = this.frozenTfoot.children();
if (frozenFootRows.length > 0) {
this.fixRowHeights(this.scrollTfoot.children(), frozenFootRows);
var scrollBarHeight = this.scrollContainer.height() - this.frozenContainer.height();
if (scrollBarHeight > 0) {
var browser = PrimeFaces.env.browser;
if (browser.webkit === true || browser.mozilla === true) {
this.frozenBody.append('
');
} else {
this.frozenBodyTable.css('margin-bottom', scrollBarHeight);
}
}
}
},
/**
* Adjusts the height of the given rows to fit the current settings.
* @protected
* @param {JQuery} scrollRows The scrollable rows to adjust.
* @param {JQuery} frozenRows The frozen rows to adjust.
*/
fixRowHeights: function(scrollRows, frozenRows) {
frozenRows.each(function(index) {
var frozenRow = $(this);
var scrollRow = scrollRows.eq(index);
frozenRow.css('height', '');
scrollRow.css('height', '');
var scrollRowHeight = scrollRow.innerHeight();
var frozenRowHeight = frozenRow.innerHeight();
if (scrollRowHeight === frozenRowHeight) {
return;
}
var height = scrollRowHeight > frozenRowHeight ? scrollRowHeight : frozenRowHeight;
// compensation for decimal fractions
height += 1;
frozenRow.innerHeight(height);
scrollRow.innerHeight(height);
});
}
});
