Custom header not sorting column

Hi, when I use this template https://github.com/esvit/ng-table/blob/master/src/ng-table/sorterRow.html as custom template (as external file without any modification , script id is testtableheader) , then ng-click event not fired for me. When I not use the template-header=“testtableheader” in my table then everything is ok, sorting works fine.

id="xxxModalContent.html

<div class="table-browser" ng-controller="xxxController" >

    <table ng-table="tableParams" show-filter="false" class="table"  template-header="testtableheader">
        <tr ng-repeat="datas in $data" ng-click="selectrow(datas)" class="{{['even', 'odd'][$index %2]}}">

            <td data-title="'Id'" sortable="'id'">{{datas.id}}</td>
            <td data-title="'Name'" sortable="'name'">{{datas.name}}</td>

        </tr>
    </table>
</div>

[BenevidesLecontes]

@christianacca I’m having the same issue with custom header, used your example and my template is rendered, but sort function is not working, already tried ng-click="$ctrl.sortBy($column, $event)", ng-click="sortBy($column, $event)" or

ng-controller="ngTableSorterRowController"  ng-click="$ctrl.sortBy($column, $event)"

in my th and none of this is working, am i missing something?

[romanlytvyn]

The example is a bit outdated. The new header template uses ng-table-sorter-row directive. sortBy($column, event) is now defined inside ngTableSorterRowController Since we don’t have an ability to override sorterRow template, the easy fix would be to use this controller in header template, like:

<th ng-controller="ngTableSorterRowController" title="{{$column.headerTitle(this)}}"...