summaryrefslogtreecommitdiffstats
path: root/vid-webpack-master/src/app/browseSdc/vid-table/vid-table.component.html
blob: 5650e5d35b8f0a82590fa814ee87f91d6a120792 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<table class="table table-hover table-striped table-sortable" [mfData]="options.data | dataFilter : filterQuery" #mf="mfDataTable"  [(mfSortBy)]="options.config.sortBy" [(mfSortOrder)]="options.config.sortOrder" [mfRowsOnPage]="10">
  <thead>
  <tr>
    <th *ngFor="let column of options.columns">
      <mfDefaultSorter by="{{column.key}}"> {{column.displayName}}</mfDefaultSorter>
    </th>
  </tr>
  </thead>
  <tbody>
  <tr *ngFor="let row of mf.data">
    <td *ngFor="let column of options.columns" >
      <button class="btn btn-primary" *ngIf="column.type==='button' && (!column.showCondition || row[column.showCondition])" title="{{column.text}}" (click)="clickBtn(row, column.action)">
       {{column.text}}
      </button>
      {{row[column.key]}}
    </td>
  </tr>
  </tbody>
  <tfoot>
  <tr>
    <td colspan="5">
      <mfBootstrapPaginator [rowsOnPageSet]="[10,15,20]"></mfBootstrapPaginator>
    </td>
  </tr>
  </tfoot>
</table>