js 表格排序(编辑+拖拽+缩放)_javascript技巧

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>Table</title> <style type="text/css"> body{ font-size:12px} #tab{ border-collapse: collapse;} .edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;} #tab thead td{ background:url(/upload/201005/20100531233452190.bmp);color:#183C94} #tab tbody td{ overflow:hidden} #tab td{border: 1px solid #CECFCE;height:20px;line-height:20px;vertical-align:middle; } #tab td.tc{text-align:center;} .cc{width:10px;height:6px; border:1px solid #999999; background-color:#FFFFFF; position:absolute; display:none;} #tab td.red{border-color:#f30;} .ww{height:100%;width:1px;background:#CECFCE;float:right;margin-right:-1px;cursor:sw-resize} .line{ width:2px; background-color:#999999; position:absolute; display:none} </style> <table id="tab" border="0" cellspacing="1" cellpadding="0"> <thead> <tr> <td width="60" class="tc"> <span>ID</span><div class="ww"></div> </td> <td width="60" class="tc"><span></span></td> </tr> </thead> </table>