| Yoshie Muranaka | fa56273 | 2019-07-17 11:23:15 -0500 | [diff] [blame^] | 1 | <table class="bmc-table"> |
| 2 | <thead> |
| 3 | <!-- Header row --> |
| 4 | <tr> |
| 5 | <th ng-repeat="header in $ctrl.model.header" |
| 6 | class="bmc-table__column-header"> |
| 7 | {{header}} |
| 8 | </th> |
| 9 | </tr> |
| 10 | </thead> |
| 11 | <tbody> |
| 12 | <!-- Data rows --> |
| 13 | <tr ng-if="$ctrl.model.data.length > 0" |
| 14 | ng-repeat="row in $ctrl.model.data" |
| 15 | class="bmc-table__row"> |
| 16 | <!-- Row item --> |
| 17 | <td ng-repeat="item in row.uiData" |
| 18 | class="bmc-table__cell"> |
| 19 | {{item}} |
| 20 | </td> |
| 21 | <!-- Row Actions --> |
| 22 | <td ng-if="$ctrl.model.actions.length > 0" |
| 23 | class="bmc-table__cell bmc-table__row-actions"> |
| 24 | <button ng-repeat="action in $ctrl.model.actions" |
| 25 | ng-click="$ctrl.onClickAction(action, row);" |
| 26 | class="btn btn-tertiary"> |
| 27 | {{action}} |
| 28 | </button> |
| 29 | </td> |
| 30 | </tr> |
| 31 | <!-- Empty table --> |
| 32 | <tr ng-if="$ctrl.model.data.length === 0"> |
| 33 | <td>No data</td> |
| 34 | </tr> |
| 35 | </tbody> |
| 36 | </table> |