简单表格排序 可以双击编辑 自定义编辑后的 规则 可拖动列进行列替换 可推动边框进行列宽度的缩放 复制代码 代码如下: ttp://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> Table <br /> body{ font-size:12px}<br /> #tab{ border-collapse: collapse;}<br /> .edit{ height:16px; width:98%; background-color:#EFF7FF; font-size:12px; border:0px;}<br /> #tab thead td{ background:url(<a href="http://images.cnblogs.com/cnblogs_com/wtcsy/192373/r_t.bmp);color:#183C94;word-break:break-all">http://images.cnblogs.com/cnblogs_com/wtcsy/192373/r_t.bmp);color:#183C94;word-break:break-all}<br /> #tab tbody td{overflow:hidden;word-break:break-all;}<br /> #tab td{border: 1px solid #CECFCE;height:20px;line-height:20px;vertical-align:middle; }<br /> #tab td.tc{text-align:center;}<br /> .div{width:10px;height:6px; border:1px solid #999999; background-color:#FFFFFF; position:absolute; display:none;}<br /> .line{ width:2px; background-color:#999999; position:absolute; display:none}<br /> .dr{height:100%;width:2px;background:#CECFCE;float:right;margin-right:-1px;cursor:sw-resize}<br /> .r{float:right;}<br /> .l{float:left;}<br /> #tab thead td.thover{ background-image:url(<a href="http://album.hi.csdn.net/app_uploads/wtcsy/20081126/000054336.p.gif);background-repeat:repeat-x">http://album.hi.csdn.net/app_uploads/wtcsy/20081126/000054336.p.gif);background-repeat:repeat-x;}<br /> ID
