zoukankan      html  css  js  c++  java
  • Angular 单元格合并

    在Angular实现表格输出的话,使用ng-repeat输出信息, 使用了: 

    ng-repeat-start

    ng-repeat-end
    ng-hide="$first"
     1 <tbody>
     2 
     3     <tr data-ng-repeat-start="orderItem in currentPageStores">
     4         <td rowspan="{{orderItem.GOODS.length}}">{{orderItem.NAME}}</td>
     5         <td rowspan="{{orderItem.GOODS.length}}">{{orderItem.COMMUNITY_NAME}}</td>
     6         <td rowspan="{{orderItem.GOODS.length}}">{{orderItem.BUILDING}}</td>
     7         <td rowspan="{{orderItem.GOODS.length}}">{{orderItem.UNIT}}</td>
     8 
     9         <td>{{orderItem.GOODS[0].GOODS_NAME}}</td>
    10         <td>{{orderItem.GOODS[0].GOODS_PRICE}}</td>
    11         <td>{{orderItem.GOODS[0].COUNT}}</td>
    12         <td>{{orderItem.GOODS[0].DICOUNT_PRICE}}</td>
    13 
    14         <td rowspan="{{orderItem.GOODS.length}}" class="td-wx-oper4">{{orderItem.CREDATE_DATE|date:"yyyy-MM-dd HH:mm"}}</td>
    15         <td rowspan="{{orderItem.GOODS.length}}">{{orderItem.USER_NAME}}</td>
    16     </tr>
    17 
    18     <tr data-ng-repeat-end ng-repeat="goodsItem in orderItem.GOODS" ng-hide="$first">
    19       <td>{{goodsItem.GOODS_NAME}}</td>
    20       <td>{{orderItem.GOODS[0].GOODS_PRICE}}</td>
    21       <td>{{goodsItem.COUNT}}</td>
    22       <td>{{goodsItem.DICOUNT_PRICE}}</td>
    23     </tr>
    24     
    25 </tbody>
  • 相关阅读:
    Python爬虫学习01
    Python学习Day02
    JavaScript学习笔记01
    Python学习Day01
    MarkDown实例代码
    MarkDwon的使用方法
    (转)探究requestDisallowInterceptTouchEvent失效的原因
    JNI字符串转字节数组指针方法
    justfun
    dsad
  • 原文地址:https://www.cnblogs.com/zsk526/p/4450031.html
Copyright © 2011-2022 走看看