拖动表标题来更改TD(JS+js代码)的大小

拖动表标题来更改TD(JS+js代码)的大小
复制代码代码如下所示:

拖动表宽

<!——

字体大小:12px;
文本对齐:左对齐;
行高:15px;
身高:20px;
}
。BG TD。山雀{
背景颜色:# e2e2e2;
身高:17px;
文本对齐:中心;
行高:15px;
}
Num {。BG TD。
背景颜色:# e2e2e2;
文本对齐:正确
行高:15px;
宽度:30px;
身高:22px;
}
resizedivclass {。
文本对齐:正确;
宽度:1px;
保证金:0 0px 0px 0;
背景:# FFF;
边境:0px;
浮子:右边;
光标:e-resize;
}
-->
<!——
函数的MouseDownToResize(obj){
settablelayouttofixed();
mousedownx = event.clientx OBJ;
parenetdw = obj.parentelement.offsetwidth OBJ;
parenetablew = theobjtable.offsetwidth OBJ;
Obj.setCapture();
}
函数的MouseMoveToResize(obj){
如果(!obj mousedownx)返回false;
无功newwidth = obj。parenetdw * 1 +事件。ClientX * 1-obj.mousedownx;
如果(newwidth > 10)
{
无功theobjtable = document.getelementbyid(theobjtable );
obj.parentelement.style.width = newwidth;
theobjtable。风格。宽度= obj。parenetdw * 1 +事件。ClientX * 1-obj.mousedownx;
}
}
函数的MouseUpToResize(obj){
Obj.releaseCapture();
obj。mousedownx = 0;
}
settablelayouttofixed()函数
{
无功theobjtable = document.getelementbyid(theobjtable );
如果(theobjtable。风格。TableLayout = =固定的)回报;
无功headertr = theobjtable行{ 0 };
对于(var i = 0;i < headertr.cells.length;i++)
{
headertr。细胞{我}。styleoffsetwidth = headertr。细胞{我}。offsetwidth;
}
对于(var i = 0;i < headertr.cells.length;i++)
{
headertr。细胞{我}。风格。宽度= headertr。细胞{我}。styleoffsetwidth;
}
theobjtable,TableLayout =固定的风格;
}
功能theobjtable(O,A,B,C){
var t = document.getelementbyid(O),GetElementsByTagName(TR);
对于(var i = 0;i < t.length;i++){
T {我}。风格。背景颜色=(T {我}。sectionrowindex % 2 = = 0):B;
T {我}。onclick =函数(){
如果(x)!= 1 ){
其他{ }
这个,x = 0;
这个风格。背景颜色=(本。sectionrowindex % 2 = = 0):B;
}
}
T {我}。onmouseover =函数(){
如果(x)!=1),背景颜色= C风格;
}
T {我}。onmouseout=函数(){
如果(x)!=1)的风格。背景颜色=(本。sectionrowindex % 2 = = 0):B;
}
}
}

序列号
公司名称
订单客户
部门
推销员
付款

中国电信
订单客户的名字
广告
王天我
现金

中国移动通讯
订单客户的名字
市场营销部

信用卡

中国联通
订单客户的名字
市场营销部
王老2
银行卡
<!——
/ / senfe(表名
theobjtable(theobjtable
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部