AngularJS: 'Template for directive must have exactly one root element' when using 'th' tag in directive template

Question

I\'m trying to implement custom sortBy directive in order to make columns in html table sortable.

HTML:

Answer 1

I got this error when I used the template property of the directive definition when I should've been using templateUrl if that helps anyone.