Skip to content

Tables

Tables are styled automatically. Wrap in .fap-overflow for horizontal scrolling on small screens.

Comparison table

FrameworkSize (gz)ClasslessDark mode
FAP CSS< 9 KB✅✅ Native
Pico CSS~7 KB✅✅
Bootstrap~22 KB❌⚠ Manual
TailwindVariable❌⚠ Class
All sizes are approximate gzip estimates.
 
<div class="fap-overflow">
  <table>
    <thead>
      <tr>
        <th>Framework</th>
        <th>Size (gz)</th>
        <th>Classless</th>
        <th>Dark mode</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>FAP CSS</td>
        <td>&lt; 9 KB</td>
        <td>✅</td>
        <td>✅ Native</td>
      </tr>
    </tbody>
    <tfoot>
      <tr><td colspan="4">Footer note</td></tr>
    </tfoot>
  </table>
</div>