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've encountered oddities like that with directive and table elements. See this issue for example. Try wrapping your template with div tag or use replace:false.