javascript实现表格排序 编辑 拖拽 缩放

简单表格排序

 可以双击编辑 自定义编辑后的 规则

 可拖动列进行列替换

 可推动边框进行列宽度的缩放

 

复制代码 代码如下:

 



Table




 
  
      
      
       姓名

      

      
  
 
 
 
   
   
   
   
   
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
 
 
   
   
   
   
       
                         
 
ID
选中
生日
备注
1 小三 1982-05-27 杯具,全是杯具
3 李四 1983-06-27 恩恩我魔兽技术不错
2 王五 1987-05-27 波斯王子 时之刃还不错
4 赵六 1988-05-27 我叫赵六
5 朱八 1984-05-27 洗洗睡吧
6 阿斯多夫 1984-06-27 阿斯多夫暗室逢灯
7 杯具 1984-06-27 很多的杯具
8 餐具 1984-02-27 很多的餐具
8 洗具 1984-08-27 很多的洗具
9 内牛满面 1984-12-27 10快一晚
10 犀利哥 1984-12-21 嘿嘿




 

 已知BUG:

 ie6下 中文不自动换行

 非ie下字母和数字也不自动换行确实让人恼火

 chrome浏览器下点击运行好像问题很大  拿到本地测试会比较好

你可能感兴趣的:(javascript实现表格排序 编辑 拖拽 缩放)