Home >Web Front-end >JS Tutorial >Javascript implements table sorting, editing, dragging and zooming_javascript skills

Javascript implements table sorting, editing, dragging and zooming_javascript skills

WBOY
WBOYOriginal
2016-05-16 16:22:451014browse

Simple table sorting

You can double-click to edit the customized edited rules

Drag columns for column replacement

You can push the border to scale the column width

Copy code The code is as follows:

 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
http://www.w3.org/1999/xhtml">


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-2710快一晚
10犀利哥1984-12-21嘿嘿





Known BUG:

Under ie6, Chinese does not wrap automatically

It’s really annoying that letters and numbers don’t automatically wrap when not running in Internet Explorer

There seems to be a big problem when clicking and running in the Chrome browser. It would be better to get a local test

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn