title: Date formatting within react bootstrap table
body: <p>I am trying format the date in the column below as 'DD/MM/YYYY' and also the header row is not aligned with the data, how to fix this?</p>
  
  <p>I am using the function</p>
  
  <pre><code> function dateFormatter(cell: any) {
          var d = (moment(new Date('${cell}').toLocaleDateString()).format("DD/MM/YYYY"));
          return d;
  
      }
  </code></pre>
  
  <p>and in the TableHeaderColumn: </p>
  
  <pre><code>&lt;TableHeaderColumn dataField='effectiveDate' dataSort={true} dataFormat={dateFormatter}  &gt;Effective Date&lt;/TableHeaderColumn&gt;
  </code></pre>