如何用angularjs制作一个完整的表格

由于本人也是边学边写，因此整理的比较乱，下面放出我例子的完整代码，方便大家交流测试，如有问题欢迎评论

首先，表格采用的是BootStrap样式编辑的，主要使用的是angularjs，为了方便也有jQuery的方法，在测试时需自行引入bootstrap，angularjs和jq的文件。

　整体代码预览：

HTML：

 //需要自行引入BOOTStrap，angularjs和jQuery的js，css文件
 
  .pagination .num{
   font-size:22px;color:red;
  }
  .text{
   margin:0 auto;
   border:1px solid #ccc;
   width:100%;
   max-width:200px;
  }
 
 


 
  
   {{kaohzbTitle}}
  

   
    
     
       刷新
     
     
       保存
     
    
   
   
    
    

     

     

      
全选 

      
序号
      
名称
      
日期
      
比赛队伍（红）
      
比赛队伍（蓝）
      
比分
      
说明
      
玩家支持队伍
     
     

      
第一场
      
第二场
      
说明
      
第一场
      
第二场
      
说明
     
     
     

     
      


{{tb.id}}
{{tb.zbname}}
{{tb.zbtime}}
{{tb.zbrul1}}
{{tb.zbrul2}}

{{tb.zbrul2}}
{{tb.zbrul1}}

{{tb.score}}


 
  {{tb.type}}
  支持红方
  支持蓝方
  双方相同
 

      
     
    
   
  
   

    
上一页
    

     

     
    
    
下一页
   
   
    当前为第页，总共页
   
   您当前对select的操作值为:{{typename}}
  
  
 

js代码：