Html:

<table class="table table-striped">
  <thead>
    <tr>
      <th>国家</th>
      <th>价格(EUR)</th>
      <th>价格(CNY)</th>
      <th>备注</th>
    </tr>
  </thead>
  <tbody ng-repeat="x in tableData">
    <tr ng-repeat="y in x.list">
      <td ng-if="$index === 0" rowspan={{x.list.length}}>{{x.cnName}}</td>
      <td>{{y.eurPrice}}</td>
      <td>{{y.cnPrice}}</td>
      <td>{{y.remark}}</td>
  </tbody>
</table>

controller.js

$scope.tableData = [
              {cnName:'aaa',list:[
{cnPrice: '0.22',euroPrice:'0.141',remark:''},
{cnPrice: '0.14',euroPrice:'0.141',remark:'aa'},
{cnPrice: '0.35',euroPrice:'0.171',remark:'c'},
{cnPrice: '0.67',euroPrice:'0.51',remark:'v'}
]},
{cnName:'bbb',list:[
{cnPrice: '0.22',euroPrice:'0.141',remark:''},
{cnPrice: '0.45',euroPrice:'0.171',remark:'c'},
{cnPrice: '0.67',euroPrice:'0.51',remark:'v'}
]},
{cnName:'ccc',list:[
{cnPrice: '0.22',euroPrice:'0.141',remark:''},
{cnPrice: '0.13',euroPrice:'0.141',remark:'aa'},
{cnPrice: '0.35',euroPrice:'0.171',remark:''},
{cnPrice: '0.35',euroPrice:'0.171',remark:''},
{cnPrice: '0.67',euroPrice:'0.51',remark:''}
]}
];

效果:

最新文章

  1. tomcat重启脚本
  2. 一排div自由下落
  3. python 闭包(closure)
  4. 【失败】制作CentOS镜像
  5. 如何修改被编译后DLL文件
  6. Html表格&amp;lt;table&amp;gt;还是须要加入一些标签进行优化,能够加入标题&amp;lt;caption&amp;gt;和摘要&amp;lt;table summary&amp;gt;
  7. 基于visual Studio2013解决C语言竞赛题之1031猜数
  8. IT忍者神龟之Photoshop解析新手抠图的5个高速选择工具
  9. 使用requests模块爬虫
  10. Java基础笔记14
  11. 网络通信 --&gt; Socket、TCP/IP、HTTP、FTP及网络编程
  12. [Swift]LeetCode675. 为高尔夫比赛砍树 | Cut Off Trees for Golf Event
  13. 初探Java设计模式2:结构型模式(代理模式,适配器模式等)
  14. Python 在已创建的数据表添加字段报错问题
  15. Python3学习策略
  16. django template if return false
  17. 2. instr用法
  18. 查看iOS沙盒(SanBox)文件
  19. 阅读xtrabackup代码的一点笔记
  20. 1、Spring Cloud - 微服务简介

热门文章

  1. java反射机制剖析(二)— Class Loader
  2. Android调试命令总结
  3. jsbrige
  4. rgba
  5. tensorflow学习之路---解决过拟合
  6. CCF模拟题 最大的矩形
  7. Android底层驱动开发(一)
  8. js---15深拷贝浅拷贝 原型链
  9. js插件---jqGrid插件如何使用
  10. git 回滚到任意版本