Угловое форматирование Js таблицы на основе года - PullRequest
Новая
       38

Угловое форматирование Js таблицы на основе года

0 голосов
/ 01 мая 2018

Я получаю ответные данные как: 

 revenueTableData= [
          {
              "revenueSource": "Customer",
              "revenueYear": "2014",
              "revenueAmount": "5555"
          },
          {
              "revenueSource": "Driver",
              "revenueYear": "2014",
              "revenueAmount": "5555"
          },
          {
              "revenueSource": "Insurance",
              "revenueYear": "2014",
              "revenueAmount": "2300"
          },
          {
              "revenueSource": "Customer",
              "revenueYear": "2015",
              "revenueAmount": "8888"
          },
          {
              "revenueSource": "Driver",
              "revenueYear": "2015",
              "revenueAmount": "1111"
          },
          {
              "revenueSource": "Insurance",
              "revenueYear": "2015",
              "revenueAmount": "6666"
          },
          {
              "revenueSource": "Customer",
              "revenueYear": "2016",
              "revenueAmount": "2222"
          },
          {
              "revenueSource": "Driver",
              "revenueYear": "2016",
              "revenueAmount": "2222"
          },
          {
              "revenueSource": "Insurance",
              "revenueYear": "2016",
              "revenueAmount": "5555"
          }
      ]

Я хотел отсортировать сумму выручки по году и источнику:

Like This

Вот что я пробовал: 

 <table>
                  <thead>
                    <tr>
                      <th>
                        <b>&nbsp;</b>
                      </th>
                      <th ng-repeat="i in revenueTableData | unique:'revenueYear' ">{{i.revenueYear}}</th>
                    </tr>
                  </thead>
                  <tbody>
                    <tr ng-repeat="i in revenueTableData | unique :'revenueSource'">
                      <th> {{i.revenueSource}}</th>
                      <td>{{i.revenueAmount}}</td>
                    </tr>
                  </tbody>
                </table>

And and displays data like this

Удаление уникального фильтра отобразит все детали по вертикали в таблице

Я хотел таблицу в этом формате 

<tbody >
                  <tr>
                      <th>Customer</th>
                        <td>Rs.11M</td>
                        <td>Rs.10M</td>
                        <td>Rs.9M</td>
                    </tr>
                  <tr>
                  <th>Insurance</th>
                    <td>Rs.11M</td>
                    <td>Rs.10M</td>
                    <td>Rs.9M</td>
                </tr>
                <tr>
                  <th>Franchise</th>
                    <td>Rs.10M</td>
                    <td>Rs.22M</td>
                    <td>Rs.11M</td>
                </tr>


              </tbody>

которого я не могу достичь Действительно помогло бы, если бы кто-то помог мне Заранее спасибо

Текущий JSfiddle : https://jsfiddle.net/abhishekbhat004/eq75dn9z/1/

...