{{#if column.component}}
  {{component column.component column=column table=table tableActions=tableActions sortIcons=sortIcons}}
{{else}}
  {{label}}
  {{#if column.sorted}}
    <span class="lt-sort-icon {{if column.ascending sortIcons.iconAscending sortIcons.iconDescending}}"></span>
  {{/if}}
{{/if}}

{{#if isResizable}}
  {{lt-column-resizer
    column=column
    table=table
    resizeOnDrag=resizeOnDrag
    isResizing=(mut isResizing)
    onColumnResized=(action onColumnResized column)}}
{{/if}}

{{#if column.component}}
  {{component column.component column=column table=table tableActions=tableActions sortIcons=sortIcons}}
{{else}}
  {{label}}
  {{#if column.sorted}}
    <i class="lt-sort-icon {{if column.ascending sortIcons.iconAscending sortIcons.iconDescending}}"></i>
  {{/if}}
{{/if}}

{{#if isResizable}}
  {{lt-column-resizer
    column=column
    table=table
    resizeOnDrag=resizeOnDrag
    isResizing=(mut isResizing)
    onColumnResized=(action onColumnResized column)}}
{{/if}}

Change <span> to <i> tag for sorting icons
Change <span> to <i> tag for sorting icons

Updated the <span> tag to an <i> tag in order to allow Semantic UI icons to appear. Font Awesome icons work in either and <i> tag or a <span> tag but Semantic UI icons only show up if they are wrapped in an <i> tag.