沈阳工商管理局官网:一个前端table表头排序表头拖动宽度的demo

来源:百度文库 编辑:爱问知道 时间:2020/03/31 18:53:50

做前端的开发有五年多了,今天上传一个关于table点击表头排序和拖动左右可以改变列的宽度的demo给加入前端开发的新手们参考参考。

代码如下:


 




    
        
       
            
            
            
            
            
        
    
    
        
          
            
            
            
            
            
     
              
            
            
            
            
            
     
              
            
            
            
            
            
     
              
            
            
            
            
            
     
              
            
            
            
            
            
     
     
              
            
            
            
            
            
    
    
 
选择序号教师编号教师姓名教师性别操作
199liwen编辑  删除
2s001s001编辑  删除
3k001aaaa1编辑  删除
4007詹姆斯邦德编辑  删除
5teachera老师A编辑  删除
6k002aaa2编辑  删除



使用方法:

1.引入http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js库

2.给table定义id,table必须含有thead和tbody,

3.给需要排序的td加入class="order"

4.初始化table对像,如var mytable =  new SortTable("listSort");

前端技术开发交流QQ群:9439737