💻

Html Table Generator

NEW

html · table · generator · rows · columns

Rows: Columns: Header row Borders Striped

Preview

Header 1	Header 2	Header 3
Row 1, Col 1	Row 1, Col 2	Row 1, Col 3
Row 2, Col 1	Row 2, Col 2	Row 2, Col 3
Row 3, Col 1	Row 3, Col 2	Row 3, Col 3

HTML

<table style="border:1px solid #ccc;border-collapse:collapse;">
  <thead><tr><th style="border:1px solid #ccc;padding:8px 12px;background:#f5f5f5;">Header 1</th><th style="border:1px solid #ccc;padding:8px 12px;background:#f5f5f5;">Header 2</th><th style="border:1px solid #ccc;padding:8px 12px;background:#f5f5f5;">Header 3</th></tr></thead>
  <tbody>
    <tr><td style="border:1px solid #ccc;padding:8px 12px;">Row 1, Col 1</td><td style="border:1px solid #ccc;padding:8px 12px;">Row 1, Col 2</td><td style="border:1px solid #ccc;padding:8px 12px;">Row 1, Col 3</td></tr>
    <tr><td style="border:1px solid #ccc;padding:8px 12px;">Row 2, Col 1</td><td style="border:1px solid #ccc;padding:8px 12px;">Row 2, Col 2</td><td style="border:1px solid #ccc;padding:8px 12px;">Row 2, Col 3</td></tr>
    <tr><td style="border:1px solid #ccc;padding:8px 12px;">Row 3, Col 1</td><td style="border:1px solid #ccc;padding:8px 12px;">Row 3, Col 2</td><td style="border:1px solid #ccc;padding:8px 12px;">Row 3, Col 3</td></tr>
  </tbody>
</table>