HTML Tables Sizes
Tables can be adjusted in size to fit your content or design needs. Tailwind CSS provides utility classes to control the width and height of tables. Below are examples showing how to apply different sizes to HTML tables.
Default Table Size
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Data 1 | Data 2 | Data 3 |
| Data 4 | Data 5 | Data 6 |
Small Table
| Header 1 | Header 2 |
|---|---|
| Data 1 | Data 2 |
Large Table
| Header 1 | Header 2 | Header 3 | Header 4 |
|---|---|---|---|
| Data 1 | Data 2 | Data 3 | Data 4 |
| Data 5 | Data 6 | Data 7 | Data 8 |