一個可拖曳列寬表格實例示範_javascript技巧
(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
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
-
2024-10-22 09:46:29
-
2024-10-13 13:53:41
-
2024-10-12 12:15:51
-
2024-10-11 22:47:31
-
2024-10-11 19:36:51
-
2024-10-11 15:50:41
-
2024-10-11 15:07:41
-
2024-10-11 14:21:21
-
2024-10-11 12:59:11
-
2024-10-11 12:17:31
