HTML Tablo Generator

HTML Table Generator

Design custom HTML tables without coding hassle.

Table

Layout

fixed auto

Columns

Rows

Height

% PX EM REM CH VH VW

Width

% PX EM REM CH VH VW

Header

BG Color

Text Color

ROWS

Stripes

BG Color

Text Color

BG Color

Text Color

• Horizontal

• Vertical

Borders

Color

Style

solid dotted dashed double groove ridge inset outset none

Width

PX EM REM CH VH VW

Collapse

collapse separate

Spacing

PX EM REM CH VH VW

Cells

Text Align

left center right

Padding

PX EM REM CH VH VW

Table

Code

TH1	TH2	TH3

Full HTML Code

<style> table { border: 1px solid #000000; width: 100%; height: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 5px; text-align: center; } th { background-color: #ff9e9e; color: #080808; padding: 8px; border-width: 1px; border-style: solid; border-color: #000000; } tbody tr { background-color: #ffffff; color: #000000; } td { padding: 8px; border-width: 1px; border-style: solid; border-color: #000000; } </style> <table> <thead> <tr> <th>TH1</th> <th>TH2</th> <th>TH3</th> </tr> </thead> <tbody> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> <tr> <td></td> <td></td> <td></td> </tr> </tbody> </table>

---