title: accessibility for empty table cells
body: <p>We are using axe to test accessibility.</p>
  
  <p>Axe is giving the following issue when table cells are empty:</p>
  
  <blockquote>
    <p>All th element and elements with role=columnheader/rowheader must data cells which it describes</p>
  </blockquote>
  
  <p>If we do this for empty table cells:</p>
  
  <pre><code>&lt;td&gt;&lt;span style={{ visibility: 'hidden' }}&gt;empty&lt;/span&gt;
  </code></pre>
  
  <p>The problem goes away but this is a bit hacky. Anyone know the best fix for this?</p>
  
  <p>Worth knowing that this DOES NOT fix the problem:</p>
  
  <pre><code>&lt;td&gt;&lt;span style={{ visibility: 'hidden' }}&gt;&amp;nbsp;&lt;/span&gt;
  </code></pre>
  
  <p>We are working in a React environment hence the React style markup.</p>