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

2019年9月1日05:05:13 评论 160

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

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

 整体代码预览:

HTML:




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


 
  
全选
序号 名称 日期 比赛队伍(红) 比赛队伍(蓝) 比分 说明 玩家支持队伍
第一场 第二场 说明 第一场 第二场 说明
{{tb.id}} {{tb.zbname}} {{tb.zbtime}} {{tb.zbrul1}} {{tb.zbrul2}}
{{tb.zbrul2}} {{tb.zbrul1}}
{{tb.score}}

js代码:

  

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: