TLDR

Table is mostly complete and partially functional.

A couple of notes:

Row based table = React component aligned table

Example:

<table />
  <thead /> <- though missing currently 
    <tr />
      <th />
  <tbody /> <- though missing currently 
    <tr />
      <th />

Column base tables = purely presentational/Figma usage only

Why is the column based table mis-aligned?
Figma structure dictates that row are structured vertically, which is inconsistent with html structural requirements.

The Figma Table component lacks <Thead> and <Tbody> equivalent. Table source code won't include these, thus will be semantically invalid.

Action items:

• Followup with design, add missing elements @kaylachumley
• Update .figma.tsx file to match newly added Figma elements.