title: React Table set Header onClick-Function without disable sort-Function
body: <p>How can I set an onClick-Function to my table-header without removing the sort function (useSortBy) which will be executed by clicking the Header.
  Here is my code:</p>
  <pre><code>function renderTableHeader() {
    const headers = headerGroups.map(headerGroup =&gt; {
      return (
        &lt;tr {...headerGroup.getHeaderGroupProps()}&gt;
          {headerGroup.headers.map(column =&gt; (
            &lt;th
              {...column.getHeaderProps(
                column.sortable &amp;&amp; column.getSortByToggleProps()
              )}
            &gt;
              {(column.render(&quot;Header&quot;)}
              &lt;span&gt;
                &lt;i className={determineSortState(column)} /&gt;
              &lt;/span&gt;
            &lt;/th&gt;
          ))}
        &lt;/tr&gt;
      );
    });
  </code></pre>