O Table Wrap: Flexible, Vert. | TACC UI Pattern Library

Content: /* This CSS is EXAMPLE code for a client. It is NOT part of the pattern. */ /* Prevent Text Wrap */ /* NOTE: If multiple lines are okay, do not use ruleset */ .o-table-wrap--overflow-hidden table { white-space : nowrap; }
URL: /components/raw/o-table-wrap/example.overflow-hidden.css
Filesystem Path: src/lib/_imports/objects/o-table-wrap/example.overflow-hidden.css
Size: 224 Bytes

Make table width able to stretch but not shrink.

?⃝ Explanation

A <table> can not be a flex item. The trick is to wrap it in a <div>.

ⓘ Notice

This class can only be used on a table wrapper. It has no affect when used on table directly.