Refine tables

[evwilkin]

@rachael-phillips commented on Thu Nov 07 2019

Hey @redallen did we update the tables? Can we talk about next steps on how to make the tables unified and not broken.

Should be:

---

@redallen commented on Fri Nov 08 2019

From #106:
It'd be difficult to change the Core docs table to a more dynamic React table like the "CSS Variables" table or like the "AlertActionCloseButton" table, but it's possible.

For now, I've changed the React props tables to be like the "CSS Variables" tables. Come next site release we can talk about what other refinements we want.

[redallen]

Tables seem to be a constant struggle @rachael-phillips . Currently for React they have a max-width of calc(100vw - 418px) and fit the content of the "name" column:

For core, we use our normal HTML table without fitting columns, without a background, and a max-width of 680px:

Our core tables also do not always have the same headers or columns, so we can't make many assumptions about the content.

We could investigate making our HTML tables look like our React tables. We can style them however we want. What design do we want @rachael-phillips ?

[redallen]

Closing in favor of #1808