table实现列宽的拖动效果

部门有一个项目界面用的html，所有的列表都用的原生table控件，一个同事找到我问有没有办法实现table的列宽拖动，好几年没摸过前台了，还真给问住了，经过网上查询资料等，最终解决，记录下：

 

      
      
      
                  
      
    
	
     
  
		

			
1
			
2
			
3
		
        
  
           
1
2
3
  
        
  
        
  
            
1
2
3
   
        
  
        
  
            
1
2
3
  
        
  
        
  
            
1
2
3
  
        
                                                                   
    
               
      

      
      
      	 
       

其中 colResizable-1.6.min.js中添加了

 

//初始化class为resizable-rable的列表
$("table.resizable-table").colResizable({liveDrag:true, draggingClass:"dragging"});

 具体引用文件见附件