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

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

首先,表格采用的是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代码:


你可能感兴趣的:(如何用angularjs制作一个完整的表格)