一個可拖曳列寬表格實例示範_javascript技巧

複製程式碼 程式碼如下:

序号	操作	标题	执行人	开始时间	结束时间	天数
1	编辑	任务标题：阿斯卡是大家啊	Firefox	2012-07-15	2012-08-15	32
2	编辑	任务标题：阿斯卡是大家啊	Firefox	2012-07-15	2012-08-15	32
3	编辑	任务标题：阿斯卡是大家啊	Firefox	2012-07-15	2012-08-15	32
4	编辑	任务标题：阿斯卡是大家啊	Firefox	2012-07-15	2012-08-15	32
5	编辑	任务标题：阿斯卡是大家啊	Firefox	2012-07-15	2012-08-15	32

(function(){ //固定表格頭，也可以封裝一下外接類別
var leftScrollPanel = $("#left-scroll-panel");
var ganntBody = $("#gannt_grid> ;tbody");
varfixedThead = leftScrollPanel.prev(".fixed-header-tb");
if(!fixedThead.length){
fixedThead = $( '');
fixedThead.append(ganntBody.prev());
leftScrollPanel.before(fixedThead);
}else{
/ /gannt body重繪時不再創建表頭，
//因為不是在render函數中創建的
ganntBody.prev().remove();
}
var tds = ganntBody. find("tr:first>td");
var ths =fixedThead.find("th");
$.each(tds,function(index,td){
// jq width() 或css('width') 可能有1px 差異，使用attr width
thWidth = ths.eq(index).attr("width")
(thWidth!=undefined); && $( td).attr("寬度",thWidth);
});
(function(){//表頭調整大小
rightvar sideOffset = {
left:null,
right :null,
td:null,
tdLocked:null,
tdLeft:null,
tdRight:null
};
var pos = {
resizedTime:0, <0>
















&&o.left
&&o.right
&&o.right

















&&

































&&rightWidth


&&offset&offset