Angularjs настольный дисплей

Question

У меня есть данные, полученные из json и отображенные в таблице.Я пытаюсь отобразить заголовок, но когда я его использую, он отображает данные по вертикали, а я хочу, чтобы они отображались по горизонтали

Вот мой код

<table>
<tr ng-repeat="ninja in ninjass">
<th>
  {{ ninja.name }}
</th>
<td>
  {{ ninja.name }}
</td>
<td>
  {{ ninja.rate }}
</td>
<td>
  {{ ninja.rate }}
</td>
<td>
  {{ ninja.rate }}
</td>
</tr>
</table>

Answer 1

<table>
<tr ng-repeat="ninja in ninjass">
<th>
{{ ninja.name }}
</th>
</tr>

<tr>  <td>{{ ninja.name }}<td> </tr>

<tr>  <td>{{ ninja.name }}<td> </tr>

<tr>  <td>{{ ninja.rate }}<td> </tr>

<tr>  <td>{{ ninja.rate }}<td> </tr>

<tr>  <td>{{ ninja.rate }}<td> </tr>
</table>

Answer 2

    <table>
        <th ng-repeat="ninja in ninjclass">
             {{ ninja.name }}
        </th>
        <tbody>
            <tr ng-repeat="ninja in ninjclass">
                <td>{{ ninja.name }}</td>
                <td>{{ ninja.rate }}</td>
            </tr>
        </tbody>
    </table>

Answer 3

HTML для вашей таблицы не так.Он должен иметь форму:

    <table>
        <thead>
          <th>name</th>
          <th>rate</th>
        </thead>
        <tbody>
          <tr ng-repeat="ninja in ninjclass">
              <td>{{ninja.name}}</td>
              <td>{{ninja.rate}}</td>
          </tr>
        </tbody>
   </table>