angular - 動態打印ng-table標題

2017-05-25 108 views 1 likes

我被困在一個點，我想要使用ng-table動態打印小標題標題，標題應該是type1 type2 type3，而細節必須是主頭，子類型值必須是小標題詳見下圖附件 angular - 動態打印ng-table標題

任何幫助都大大提升。

2017-05-25 Praveen

Plunker - https://plnkr.co/edit/rLOWTCxXKyhKM2suxIBA?p=preview – Praveen

回答

嘗試了這一點： https://plnkr.co/edit/gypa0JDAZqhNwWcRQK93?p=preview

  <body ng-controller="MainCtrl"> 
       <p>Hello {{name}}!</p> 
       <table ng-table="tableParams"> 
       <tr> 
        <td colspan="3"></td> 
        <td colspan="{{detailsCount}}" style="text-align:center">Details</td> 
       </tr> 
       <tr ng-repeat="i in dataObject"> 
        <td title="'Type1'">{{i.type1}}</td> 
        <td title="'Type2'">{{i.type2}}</td> 
        <td title="'Type3'">{{i.type3}}</td> 
        <td ng-repeat="d in i.details" ng-init="detailsColCount(i.details)">{{d.subTypeCode}}</td> 
       </tr> 
       </table> 
      </body> 

      $scope.detailsCount = 0; 
      $scope.detailsColCount = function(details){ 
        if (details.length > $scope.detailsCount) { 
        $scope.detailsCount = details.length; 
        } 
       };

來源

2017-05-25 23:58:57 scotty3

感謝你對這個花費時間，但我更關心的標題，像 – Praveen

類似type1 type2 type3 abcd與ABCD a1 b1 c1 d1作爲下方的記錄，明顯的'細節'標題頂部abc d。 – Praveen

相關問題

1. 打印標題
2. http.async.client打印標題
3. Angular js動態網格標題
4. Angular Ag-Grid中的動態列標題
5. Angular UI路由器，標題動態
6. JavaScript動態打印腳本標記
7. 動態iframe打印
8. 使用switch_to_windows（）並打印標題的Selenium webdriver不打印標題。
9. 在打印頁面上添加動態頁面的標題
10. 如何動態地在特定列上打印列子標題？