title: Add aria-label to table header in datatable
body: <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let checkboxColumn = `&lt;div class="checkbox c-checkbox" &gt;
                            &lt;label&gt; &lt;input type="checkbox"
                                ng-model="self.headerCheckBox" ng-change="self.headerSelected()"
                                 /&gt; &lt;span
                                class="fa fa-check"&gt;&lt;/span&gt;
                            &lt;/label&gt;
                          &lt;/div&gt;`;
  
     self.dtColumns = [
        DTColumnBuilder.newColumn("select").withTitle(checkboxColumn).notSortable(),
        DTColumnBuilder.newColumn("type").withTitle("Type").notSortable().withClass('min-width-100'),
        DTColumnBuilder.newColumn("ip").withTitle("Value").notSortable().withClass('min-width-250'),
        ]</code></pre>
  </div>
  </div>
  </p>
  <p>I am creating a data table in which there is a checkbox in the header, clicking on it will select all the checkboxes of the row. The issue is that <strong>checkboxcolumn</strong> is getting rendered in aria-label as well. The snippet below will tell you what is getting rendered:</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;th class="sorting_disabled" rowspan="1" colspan="1" style="width: 0px;" aria-label="
     &lt;input type=&amp;quot;checkbox&amp;quot;
     ng-model=&amp;quot;self.headerCheckBox&amp;quot; ng-change=&amp;quot;self.headerSelected()&amp;quot;
     /&gt; &lt;span
     class=&amp;quot;fa fa-check&amp;quot;&gt;
     "&gt;
     &lt;div class="checkbox c-checkbox"&gt;
        &lt;label&gt; &lt;input type="checkbox" ng-model="self.headerCheckBox" ng-change="self.headerSelected()"&gt; &lt;span class="fa fa-check"&gt;&lt;/span&gt;
        &lt;/label&gt;
     &lt;/div&gt;
  &lt;/th&gt;</code></pre>
  </div>
  </div>
  </p>
  <p>You can see the content of the header and aria-label value are the same. How can I assign a different value to the aria-label? Help will be appreciated.</p>