title: Show icon with column name in ngx-datatable
body: <p>I am using <a href="https://github.com/swimlane/ngx-datatable" rel="nofollow noreferrer">ngx-datatable</a> in my Angular 6 project and I need to show an icon with column name as in below screenshot.(marked as <strong>x</strong> where I need to show the icon)</p>
  
  <p><a href="https://i.stack.imgur.com/Pt8e5.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Pt8e5.png" alt="enter image description here"></a></p>
  
  <p>This is my current code for data-table.</p>
  
  <pre><code>&lt;ngx-datatable
     *ngIf="!isDataLoading"
     class="data-table"
     [scrollbarH]="true"
     [rows]="rowsData"
     [columnMode]="'force'"
     [columns]="columnsData"
     [headerHeight]="50"
     [footerHeight]="50"
     [rowHeight]="'auto'"
     [limit]="10"
     [selected]="selected"
     [selectionType]="'single'"
     (select)='onSelect($event)'&gt;
  &lt;/ngx-datatable&gt;
  </code></pre>
  
  <p>in mypage.component.ts</p>
  
  <pre><code>columnsData = [
     { prop: 'dataName', name: 'Name' },
     { prop: 'dataGender', name: 'Gender' },
     { prop: 'dataCompany', name: 'Company' }
  ];
  </code></pre>
  
  <p>How can I show an icon with column name?</p>