title: React Table with From/To Mappings
body: <p>I'm trying to make a table in React that is dynamically created with an array of dictionary mappings. Each dictionary has keys id, old, new, and support. Old describes the from entry on the left. New describes the to header at the top. Support is the value that appears at the intersection of both, either Y or N. The problem is that most examples I've seen make use of fixed headers that appear in every item, whereas this is not necessarily the case. I'd also like to sort by ascending version number. Is there anyway to achieve this where headers are dynamic and don't necessarily appear in every item.</p>
  
  <p><a href="https://i.stack.imgur.com/0i4Uz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0i4Uz.png" alt="enter image description here"></a></p>
  
  <pre><code>const example = {"old": "3.0.10", "new": "3.5.1", "support": "Y"};
  </code></pre>