search

USDA-FSA / fsa-style

CSS Implementation of USDA's FPAC Design System
http://usda-fsa.github.io/fsa-style/
Other
11 stars 8 forks source link

Table: horizontally scrollable #483

Closed francisrupert closed 3 years ago

francisrupert commented 3 years ago

Summary

Provide option for scrollable table regions, via containing wrapper -- primarily for scrolling left/right, though also up/down.

Proposed

fsa-table-container as containing wrapper, with modifier fsa-table-container--scroll. Keeps door open for further containing modifiers, i.e. fsa-table-container--[MODIFIER]

Provide declarative option for custom height to force vertically scrollable region.

<div class="fsa-table-container--scroll" style="--custom-table-height: 30rem;">
  <table class="fsa-table">...</table>
</div>

(originated in #478)