==jQuery プラグインの作成==
[[jQuery][JavaScript]]
===骨格===
headerTable.prepend($("thead", table).addClass("ui-widget-header").clone());
$('thead tr',headerTable).append("<<th><></th>>"); // for scrollbar
// 固定レイアウトアルゴリズムを利用するように属性を設定(table-layout=fixed かつ widthプロパティが指定される必要がある)
var cg = new Array();
$(cfg.cols).each(function(){
cg.push("<<col");
if ("width" in this) {
cg.push(" width='");
cg.push("'");
}
cg.push("/>>");
});
table.prepend(cg.join(""));
// for scrollbar
cg.push("<<col width='18px'/>>");
headerTable.prepend(cg.join(""));
}
// 構造を作成
table.wrapAll("<<div class='lightable-wrapper' style='width:100%;'>>" + "<<div class='lightable-body-wrapper' style='overflow:auto;width:100%;" + "height:" + cfg.height + ";'><></div><></div>>");
wrapper = table.closest(".lightable-wrapper");
wrapper.prepend("<<div class='lighttable-head-wrapper' style='overflow:hidden;width:100%;height:100%;'><></div>>");
headWrapper = $(".lighttable-head-wrapper", wrapper);