xref: /openbmc/phosphor-webui/app/common/components/table/table.html (revision 8c80dbd926f451258a892171f9bd17515a13ddc2)
1*8c80dbd9SYoshie Muranaka<table class="bmc-table {{$ctrl.size}}">
2fa56273dSYoshie Muranaka  <thead>
3fa56273dSYoshie Muranaka    <!-- Header row -->
4fa56273dSYoshie Muranaka    <tr>
5fa56273dSYoshie Muranaka      <th ng-repeat="header in $ctrl.model.header"
6fa56273dSYoshie Muranaka          class="bmc-table__column-header">
7fa56273dSYoshie Muranaka        {{header}}
8fa56273dSYoshie Muranaka      </th>
9fa56273dSYoshie Muranaka    </tr>
10fa56273dSYoshie Muranaka  </thead>
11fa56273dSYoshie Muranaka  <tbody>
12fa56273dSYoshie Muranaka    <!-- Data rows -->
13fa56273dSYoshie Muranaka    <tr ng-if="$ctrl.model.data.length > 0"
14fa56273dSYoshie Muranaka        ng-repeat="row in $ctrl.model.data"
15fa56273dSYoshie Muranaka        class="bmc-table__row">
16fa56273dSYoshie Muranaka      <!-- Row item -->
17*8c80dbd9SYoshie Muranaka      <td ng-repeat="item in row.uiData track by $index"
18fa56273dSYoshie Muranaka          class="bmc-table__cell">
19*8c80dbd9SYoshie Muranaka          <ng-bind-html ng-bind-html="item"></ng-bind-html>
20fa56273dSYoshie Muranaka      </td>
21fa56273dSYoshie Muranaka      <!-- Row Actions -->
22bb688795SYoshie Muranaka      <td ng-if="$ctrl.rowActionsEnabled"
23fa56273dSYoshie Muranaka          class="bmc-table__cell  bmc-table__row-actions">
24bb688795SYoshie Muranaka        <table-actions
25bb688795SYoshie Muranaka          actions="row.actions"
26bb688795SYoshie Muranaka          emit-action="$ctrl.onEmitTableAction(action, row)">
27bb688795SYoshie Muranaka        </table-actions>
28fa56273dSYoshie Muranaka      </td>
29fa56273dSYoshie Muranaka    </tr>
30fa56273dSYoshie Muranaka    <!-- Empty table -->
31fa56273dSYoshie Muranaka    <tr ng-if="$ctrl.model.data.length === 0">
32fa56273dSYoshie Muranaka      <td>No data</td>
33fa56273dSYoshie Muranaka    </tr>
34fa56273dSYoshie Muranaka  </tbody>
35fa56273dSYoshie Muranaka</table>