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

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

　整体代码预览：

HTML：

 //需要自行引入BOOTStrap，angularjs和jQuery的js，css文件
 
 


 
 
 {{kaohzbTitle}}
 

 
 
 
  刷新
 
 
  保存
 
 
 
 
 
 

 

 

 
全选 

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

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

 
 

 

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

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

 
{{tb.score}}
 

 

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

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

js代码：