Home > Developer > JavaScript
Table dragging (compatible with Firefox 3.5/IE6), fixed table width
<Html> <title> table dragging (compatible with Firefox 3.5/IE6 ), fixed table width </title> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "> <style type =" text/css "> </style> <body> <table class =" bg "width =" 60% "border =" 1 "cellspacing = "0" cellpadding = "0" bordercolorlight = "# 7b7b7b" bordercolordark = "# efefef" id = "theObjTable"> <tr> <td class = "num"> NO. </td> <td class = "tit"> company name </td> <td class = "tit"> order customer </td> <td class = "tit"> Department </td> <td class = "tit"> clerk </td> <td class = "tit"> payment method </td> </tr> <td class = "num"> 1 </td> <td> script home </td> <td> jb51.net </td> <td> advertising department </td> <td> Wang Tianyi </td> <td> cash </td> </tr> </table> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
The above code is collected by myself from the Internet, not by myself. I hereby declare that.
The following two items are included in IE only. You can refer to them.
<Html> <title> drag a table with column width </title> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "> <style type =" text/css "> </style> <body> <table width =" 100% "class =" bg "border = 1 cellspacing = 0 bordercolorlight = "# 7b7b7b" bordercolordark = "# efefef" id = "theObjTable"> <tr> <td class = "num"> NO. </td> <td width = "100px "class =" tit "> company name </td> <td class =" tit "> order customer </td> <td class =" tit "> Department </td> <td class = "tit"> clerk </td> <td class = "tit"> payment method </td> </tr> <td class = "num "> 1 </td> <td> China Telecom </td> <td> name of the Order customer </td> <td> advertising department </td> <td> Wang Tianyi </ td> <td> cash </td> </tr> <td class = "num"> 2 </td> <td> China Mobile </td> <td> order customer name </td> <td> marketing department </td> <td> Li Xiaohong </td> <td> credit card </td> </tr> <td class = "num"> 3 </td> <td> China Unicom </td> <td> name of the Order customer </td> <td> marketing department </td> <td> Wang Youxian </td> <td> bank card </td> </tr> </table> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
The following is achieved through htc.
<Html> <pead> <meta http-equiv = "Content-Type" content = "text/html; charset = gb2312 "> <title> drag a TABLE to change the column width </title> </pead> <body> <TABLE border = 1 cellspacing = 0 cellpadding = 0 style = "behavior: url (http://img.jb51.net/images/grid.htc ); "> <TR> <TD> title1 team </TD> <TD> title2jb51.net </TD> <TD> title3 </TD> <TD> title4 </TD> </ TR> <TD> content11 </TD> <TD> content12 </TD> <TD> content13 </TD> <TD> content14 </TD> </TR> <TR> <TD> content21 </TD> <TD> content22 </TD> <TD> content23 </TD> <TD> content24 </TD> </TR> <TR> <TD> content31 </TD> <TD> content32 </TD> <TD> content33 </TD> <TD> content34 </TD> </TR> </TABLE> </body> </ptml>
[Ctrl + A select all Note: If you need to introduce external Js, You need to refresh it to execute]
Note that the above Code requires downloading the htc File
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
