html表格冻结原理,HTML表格与冻结（可滚动）垂直和水平行/列

我想从json创建一个HTML表。我能够基于我找到的示例codepen生成我需要的确切格式。引发的JavaScript似乎创建了一个被调用的对象，该对象修改了包含div的CSS。用作静态数据的HTML(由JSON生成)可以100％工作。HTML表格与冻结(可滚动)垂直和水平行/列

我的问题是，当我产生从Javascript读取JSON和构建表中的HTML，JavaScript的似乎太快火，什么也不做表div的滚动。 我对JavaScript很新颖，JS文件中的代码需要修改，目前略高于我的水平。

总结：滚动(垂直和水平)时grid1.html应该的行为方式的index.html同

未在生成的HTML工作中的JavaScript如下：

(function() {

var demo, fixedTable;

fixedTable = function(el) {

var $body, $header, $sidebar;

$body = $(el).find('.fixedTable-body');

$sidebar = $(el).find('.fixedTable-sidebar table');

$header = $(el).find('.fixedTable-header table');

return $($body).scroll(function() {

$($sidebar).css('margin-top', -$($body).scrollTop());

return $($header).css('margin-left', -$($body).scrollLeft());

});

};

demo = new fixedTable($('#demo'));

}).call(this);