'js' => '
$.fn.isOnScreen = function(){
var viewport = {};
viewport.top = $(window).scrollTop();
viewport.bottom = viewport.top + $(window).height();
var bounds = {};
bounds.top = this.offset().top;
bounds.bottom = bounds.top;
return ((bounds.top <= viewport.bottom) && (bounds.bottom >= viewport.top));
};
var $shapka = $(".pr-row-head");
var $shapka2 = $(".pr-row-head").clone();
$shapka2.hide();
$shapka2.insertBefore($shapka);
$shapka2.css({
position: "fixed",
top: "0",
"z-index": "1000",
width: ($shapka.outerWidth() + 1) + "px",
height: ($shapka.outerHeight()) + "px",
left: (-$(window).scrollLeft() - -$(".pr-rows-group").offset().left ) + "px",
background: "#f3f3f3"
});
$shapka2.find("td").css({
background: "#f3f3f3"
});
function refreshWidths() {
$shapka2.css({
width: ($shapka.outerWidth() + 1) + "px",
height: ($shapka.outerHeight()) + "px",
left: (-$(window).scrollLeft() - -$(".pr-rows-group").offset().left ) + "px"
});
$shapka.find("td").each(function (index, item) {
$shapka2.find("td").eq(index).css({ width: ($(item).outerWidth()) + "px" });
});
}
refreshWidths();
$(window).on("scroll", function () {
$shapka2.toggle(!$shapka.isOnScreen());
if (!$shapka.isOnScreen())
refreshWidths();
});
$("x-pad").on("scroll", function () {
$shapka2.toggle(!$shapka.isOnScreen());
if (!$shapka.isOnScreen())
refreshWidths();
});
',