Javascript 滚动带有固定标题的JTABLE内容

我正在使用内容中的jtable scroll。我这里有一个代码，问题是我想将“jtable tbody”的样式带到我的表的tbody中

剧本

var-oTbl；
var newTbl；
函数scrolify（tblAsJQueryObject，高度）{
调试器；
$（'.jtable title'）.remove（）
oTbl=tblAsJQueryObject；
var oTblDiv=$（“”）；
oTblDiv.css（“高度”，高度）；
css（'overflow'，'auto'）；
oTbl.包装（oTblDiv）；
oTbl.attr（“数据项原始宽度”，oTbl.width（））；
oTbl.find（'thead tr th'）。每个（函数（）{
$（this.attr（“数据项原始宽度”，$（this.width（））；
});
oTbl.find（'tbody tr:eq（0）td'）。每个（函数（）{
$（this.attr（“数据项原始宽度”，$（this.width（））；
});
newTbl=oTbl.clone（）；
oTbl.find（'thead tr'）.remove（）；
newTbl.find（'tbody tr'）.remove（）；
oTbl.parent（）.parent（）.prepend（newTbl）；
newTbl.width（newTbl.attr（'data-item-original-width'）；
newTbl.find（'thead tr td'）。每个（函数（）{
$（this.width（$（this.attr（“数据项原始宽度”））；
});
oTbl.width（oTbl.attr（'data-item-original-width'）；
oTbl.find（'tbody tr:eq（0）td'）。每个（函数（）{
$（this.width（$（this.attr（“数据项原始宽度”））；
});
}
$（文档）.ready（函数（）{
阴囊（$（'.jtable'），160）；
var td=$（“#BodyDiv”）.find（'tbody tr:eq（0）td'）；
var th=$（“#HeaderDiv”）.find（'thead tr th'）；
对于（变量i=0；i

---

当调用wrap（）函数时，我的表的样式消失了，我使用调试器完成了这项工作。我选择的jtable来自jtable.org。我怎样才能把jtable的风格放到我的桌子上？当我包装内容时，我必须在代码中做什么更改…

total样式消失了。有人能推荐其他类似Wrap（）的函数吗

     var oTbl;
    var newTbl;
    function scrolify(tblAsJQueryObject, height) {
        debugger;
        $('.jtable-title').remove()
        oTbl = tblAsJQueryObject;
        var oTblDiv = $("<div id='BodyDiv'/>");
        oTblDiv.css('height', height);
        oTblDiv.css('overflow', 'auto');
        oTbl.wrap(oTblDiv);
        oTbl.attr("data-item-original-width", oTbl.width());
        oTbl.find('thead tr th').each(function () {
            $(this).attr("data-item-original-width", $(this).width());
        });
        oTbl.find('tbody tr:eq(0) td').each(function () {
            $(this).attr("data-item-original-width", $(this).width());
        });
        newTbl = oTbl.clone();
        oTbl.find('thead tr').remove();
        newTbl.find('tbody tr').remove();
        oTbl.parent().parent().prepend(newTbl);    
        newTbl.width(newTbl.attr('data-item-original-width'));
        newTbl.find('thead tr td').each(function () {
            $(this).width($(this).attr("data-item-original-width"));
        });
        oTbl.width(oTbl.attr('data-item-original-width'));
        oTbl.find('tbody tr:eq(0) td').each(function () {
            $(this).width($(this).attr("data-item-original-width"));
        });
    }

    $(document).ready(function () {
        scrolify($('.jtable'), 160); 
        var td = $("#BodyDiv").find('tbody tr:eq(0) td');
        var th = $("#HeaderDiv").find('thead tr th');
        for (var i = 0; i < th.length; i++) {
            $(th[i]).resizable({ handles: "e",
                resize: function (event) {
                    for (var i = 0; i < td.length; i++) {
                        $(td[i]).width($(th[i]).width());
                    }
                }
            });
        }
    });