Added truncatable text to table headers

This commit is contained in:
Juanjo Jiménez 2018-03-22 16:21:01 +01:00 committed by Javier Castro
parent 051edff4d3
commit aba8b05ea9

View File

@ -1,9 +1,9 @@
<md-toolbar layout="row" class="md-toolbar-tools wz-theader-toolbar" ng-show="(!noscroll && data.items && data.items.length > 0) || (noscroll && data)">
<div ng-repeat="key in keys" flex="{{key.size || ''}}">
<div class="wz-text-truncatable" ng-repeat="key in keys" flex="{{key.size || ''}}">
<span ng-if="key.sortValue" class="wz-theader-color" ng-click="data.sort(key.sortValue)">{{key.name}}
<i class="fa wz-theader-sort-icon" ng-class="data.sortValue === key.sortValue ? (data.sortDir ? 'fa-sort-asc' : 'fa-sort-desc') : 'fa-sort'"
aria-hidden="true"></i>
</span>
<span ng-if="!key.sortValue" class="wz-theader-color">{{key.name}}</span>
</div>
</md-toolbar>
</md-toolbar>