angular-table.html

<table class="table table-hover">
  <thead>
    <tr>
      <th ng-repeat="header in ctrl.ListModel.selectedColumns track by $index" ng-if="header.visibleInResultTable">
        <span ng-if="!header.via">
          {{header.objectName|translate}}.{{header.attributeName|translate}}
        </span>
        <span ng-if="header.via">
          {{header.objectName|translate}}.{{header.attributeName|translate}}
          <small>
            <sup class="fa fa-question" tooltip-placement="left"
                tooltip="via: {{header.via|translate}}"></sup>
          </small>
        </span>
      </th>
    </tr>
  </thead>
  <tbody ng-if="ctrl.ListModel.collection.length === 0">
    <tr>
      <td colspan="8" class="text-center"
        translate="NO_RESULTS">
      </td>
    </tr>
  </tbody>
  <tbody ng-if="ctrl.ListModel.collection.length > 0">
    <tr ng-repeat="item in ctrl.ListModel.collection track by $index"
      ng-click="ctrl.gotoDetail(item)">
      <td ng-repeat="col in item.values track by $index"
        ng-if="col.visibleInResultTable">
        <span ng-if="col.propertyType === 'date'">
          {{::col.propertyValue|date:'dd.MM.yyyy'}}
        </span>
        <a ng-href="{{col.propertyValue}}" 
          ng-if="col.propertyType !== 'date' && col.weblink && col.propertyValue !== ''" target="_blank">
          <span translate="OPEN_PAGE"></span>
          <span class="fa fa-external-link"></span>
        </a>
        <span ng-if="col.propertyType !== 'date' && !(col.weblink && col.propertyValue !== '')">{{::col.propertyValue}}</span>
      </td>
    </tr>
  </tbody>
</table>