Skip to content

⚠️ Table styles test ⚠️

FrameworkCO₂ per page visit
Starlight0.01g
VitePress0.05g
Docus0.05g

Unbalanced content example

Taken from Carbon Design System “Structured List” example.

ColumnAColumnBColumnC
Row 1Row 1Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a porttitor interdum.
Row 2Row 2Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc dui magna, finibus id tortor sed, aliquet bibendum augue. Aenean posuere sem vel euismod dignissim. Nulla ut cursus dolor. Pellentesque vulputate nisl a porttitor interdum.

Small table example

Taken from the Bootstrap docs.

#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter

Kitchen Sink

123
Patrick25-30 cm30.1-35 cm> 35 cm
Samuel8-11.9 cm12-15.9 cm≥ 16 cm
Anna8-11.9 cm12-15.9 cm16 cm
Vianca8-11.9 cm12-15.9 cm16 cm
Jacob8-11.9 cm12-15.9 cm≥ 16 cm

Another example

DestinationWebMobileServerWebMobile
1Flow⬜️⬜️
1Flow Mobile Plugin ℹ️⬜️⬜️⬜️⬜️
1Flow Web (Actions) ℹ️⬜️⬜️⬜️⬜️
2mee⬜️⬜️
Aampe⬜️⬜️
AB Smartly⬜️⬜️
AB Tasty client side⬜️⬜️
ABsmartly (Actions)⬜️⬜️⬜️
Acoustic (Actions) ℹ️⬜️⬜️⬜️
Actable Predictive ℹ️⬜️⬜️⬜️
Actions Pipedrive ℹ️⬜️⬜️⬜️
ActiveCampaign⬜️⬜️

Inside <details>

View data
#FirstLastHandle
1MarkOtto@mdo
2JacobThornton@fat
3Larry the Bird@twitter