2nd-header.md

smart-table

<smart-table
   config="globalConfig"
   class="table table-striped"
   columns="usageStatsColumns"
   subheaders="subheaders"
   rows="usageStatsData"
>
</smart-table>

smart-table directive

scope: {
   columnCollection: '=columns',
   subHeaders:'=subheaders'
   dataCollection: '=rows',
   config: '='
}

smart-table table template

<thead>
   <tr class="smart-table-header-row">
      <th ng-repeat="column in columns" ng-include="column.headerTemplateUrl" scope="col" class="smart-table-header-cell {{column.headerClass}}" ng-class="{'sort-ascent':column.reverse==false, 'sort-descent':column.reverse==true}"></th>
   </tr>
   <tr class="smart-table-subheader-row" ng-repeat="subheaderRow in subheaders">
      <th ng-repeat="subheader in subheaderRow" ng-include="column.subheaderTemplateUrl" class="smart-table-subheader-cell {{subheader.className}}" ng-class="{'sort-ascent':column.reverse==false, 'sort-descent':column.reverse==true}"></th>
   </tr>
</thead>

smart-table consumer

$scope.subheaders = [
   [
      {label: 'Foo', className: 'Bar', templateUrl: 'foo.html' },
      {label: ''},
      {className: 'Baz'},
      {label: 'Bar'}
   ]
];