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 have encountered the issue couple of times and most of the times it could be that you are not wrapping your elements under one element like

But there was one occasion where you get this error when the template path is not correct. So please check if you are referring to the template correctly.