2016-09-02 02:37:36 +00:00
|
|
|
<div class="l-control-bar">
|
|
|
|
<a class="s-button t-export icon-download labeled"
|
|
|
|
ng-click="exportAsCSV()"
|
|
|
|
title="Export This View's Data">
|
|
|
|
Export
|
|
|
|
</a>
|
|
|
|
</div>
|
2016-06-09 11:33:09 +00:00
|
|
|
<div class="l-view-section scrolling" style="overflow: auto;" mct-resize="resize()">
|
2016-04-22 16:44:34 +00:00
|
|
|
<table class="sizing-table">
|
|
|
|
<tbody>
|
|
|
|
<tr>
|
|
|
|
<td ng-repeat="header in displayHeaders">{{header}}</td>
|
|
|
|
</tr>
|
|
|
|
<tr><td ng-repeat="header in displayHeaders" >
|
|
|
|
{{sizingRow[header].text}}
|
|
|
|
</td></tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
<table class="filterable mct-table"
|
|
|
|
ng-style="{
|
2016-02-26 19:09:51 +00:00
|
|
|
height: totalHeight + 'px',
|
2016-03-14 02:12:55 +00:00
|
|
|
'max-width': totalWidth
|
2016-04-22 16:44:34 +00:00
|
|
|
}">
|
2016-02-26 19:09:51 +00:00
|
|
|
<thead>
|
|
|
|
<tr>
|
|
|
|
<th ng-repeat="header in displayHeaders"
|
2016-04-22 16:44:34 +00:00
|
|
|
ng-style="{
|
2016-02-26 19:09:51 +00:00
|
|
|
width: columnWidths[$index] + 'px',
|
|
|
|
'max-width': columnWidths[$index] + 'px',
|
|
|
|
}"
|
|
|
|
ng-class="[
|
|
|
|
enableSort ? 'sortable' : '',
|
|
|
|
sortColumn === header ? 'sort' : '',
|
|
|
|
sortDirection || ''
|
|
|
|
].join(' ')"
|
|
|
|
ng-click="toggleSort(header)">
|
|
|
|
{{ header }}
|
|
|
|
</th>
|
|
|
|
</tr>
|
|
|
|
<tr ng-if="enableFilter" class="s-filters">
|
|
|
|
<th ng-repeat="header in displayHeaders"
|
2016-04-22 16:44:34 +00:00
|
|
|
ng-style="{
|
2016-02-26 19:09:51 +00:00
|
|
|
width: columnWidths[$index] + 'px',
|
|
|
|
'max-width': columnWidths[$index] + 'px',
|
|
|
|
}">
|
|
|
|
<input type="text"
|
|
|
|
ng-model="filters[header]"/>
|
|
|
|
</th>
|
|
|
|
</tr>
|
|
|
|
</thead>
|
|
|
|
|
2016-04-22 16:44:34 +00:00
|
|
|
<tbody>
|
2016-02-26 19:09:51 +00:00
|
|
|
<tr ng-repeat="visibleRow in visibleRows track by visibleRow.rowIndex"
|
2016-04-22 16:44:34 +00:00
|
|
|
ng-style="{
|
2016-02-26 19:09:51 +00:00
|
|
|
top: visibleRow.offsetY + 'px',
|
|
|
|
}">
|
|
|
|
<td ng-repeat="header in displayHeaders"
|
2016-04-22 16:44:34 +00:00
|
|
|
ng-style=" {
|
2016-02-26 19:09:51 +00:00
|
|
|
width: columnWidths[$index] + 'px',
|
|
|
|
'max-width': columnWidths[$index] + 'px',
|
|
|
|
}"
|
|
|
|
class="{{visibleRow.contents[header].cssClass}}">
|
2016-03-14 02:12:55 +00:00
|
|
|
{{ visibleRow.contents[header].text }}
|
2016-02-26 19:09:51 +00:00
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</div>
|