как отображать данные строки относительно столбцов - PullRequest
Новая
       51

как отображать данные строки относительно столбцов

0 голосов
/ 05 мая 2020

у меня есть `

displayColumns = [{name:Id, value: id}{name:Customer, value: Customer},{name:City, value: City},{name:State, value: State},{name:Type, value: Type}]`

, а данные строки 

 userInfoList =[ {
          "Id": 1,
          "Customer": "Ram",
          "City": "Hyderabad",
          "State" : "Andhra",
          "Type" : "Estimation"
        },
        {
          "Id": 2,
          "Customer": "Ramya",
          "City": "Hyderabad",
          "State" : "Andhra",
          "Type" : "Order"
        },
        {
          "Id": 3,
          "Customer": "Ramakrishna",
          "City": "Hyderabad",
          "State" : "Andhra",
          "Type" : "Sales"
        },
        {
          "Id": 4,
          "Customer": "Kishore",
          "City": "Hyderabad",
          "State" : "Andhra",
          "Type" : "Return"
        },
        {
           "Id": 5,
          "Customer": "Anil",
          "City": "Hyderabad",
          "State" : "Andhra",
          "Type" : "Purchange"
        }
     ]

мой раздел печати html для таблицы 

 <table class="table">
    <thead>
   <tr>
   <th class="text-left" *ngFor = "let column of displayColumns">
   {{column.name}}
     </th>
   </tr>
   </thead>
   <tbody>
   <tr *ngFor="let list of userInfoList; let i=index">
    <td *ngFor="let key of list" > 
     {{list[key]}}
  </td>     
   </tr>
   </tbody>                                    
</table>

слышу невозможно отобразить данные строки относительно столбцов не могли бы вы предложить мне, как его найти .. это для требования раздела печати. отображать столбцы можно, но данные строки не отображаются.

Ответы [ 2 ]

0 голосов
/ 05 мая 2020

я, как показано ниже, работает сейчас 

<tr *ngFor="let list of userInfoList ; let i=index">
 <td *ngFor="let key of list | keyvalue" >                                                                                {{key.value}}
 </td>
</tr>
0 голосов
/ 05 мая 2020

Что-то вроде этого должно получиться 

<table class="table">
    <thead>
   <tr>
   <th>Id</th>
   <th>Customer</th>
   <th>City</th>
   <th>State</th>
   <th>Type</th>
   </tr>
   </thead>
   <tbody>
   <tr *ngFor="let item of userInfoList  | keyvalue; let i=index">
     <td ng-repeat="obj in item"> 
        <b>{{item | json}}</b>
     </td>  
   </tr>
  </tbody>    


</table>
...