- Foundation Tutorial
- Foundation - Home
- Foundation - Overview
- Foundation - Installation
- Foundation - Starter Projects
- Foundation - Kitchen Sink
- Foundation General
- Foundation - Global Styles
- Foundation - Sass
- Foundation - JavaScript
- Foundation - JavaScript Utilities
- Foundation - Media Queries
- Foundation - The Grid
- Foundation - Flex Grid
- Foundation - Forms
- Foundation - Visibility Classes
- Foundation - Base Typography
- Foundation - Typography Helpers
- Foundation - Basic Controls
- Foundation - Navigation
- Foundation - Containers
- Foundation - Media
- Foundation - Plugins
- Foundation SASS
- Foundation - Sass Functions
- Foundation - Sass Mixins
- Foundation Libraries
- Foundation - Motion UI
- Foundation Useful Resources
- Foundation - Quick Guide
- Foundation - Useful Resources
- Foundation - Discussion
Foundation - Tables
Description
Foundation provides layout for displaying data in tabular format.
The following table lists the some of the types of foundation table −
| Sr.No. | Type & Description |
|---|---|
| 1 | Basic Table
It displays the basic table style with padding and horizontal dividers. |
| 2 | Hover Table
Foundation allows to hover on table rows by adding the .hover class. |
| 3 | Stacked Table
You can stack the table by adding the .stack class. |
| 4 | Scroll Table
You can scroll the table horizontally by adding the .scroll class. |
| 5 | Sass Reference
You can change the styles of the table components by using the SASS variables. |
foundation_containers.htm
Advertisements