HTML Table Generator — Free Online Table Code Builder
Create HTML tables without writing code. Type into a spreadsheet-like grid, merge cells, style borders and stripes, then copy clean HTML, Bootstrap, or Tailwind markup — free, no signup, 100% in your browser.
1. Build your table
Selected cell
Click any cell to select it, then use the tools above.
2. Style & structure
Structure
Appearance
Note: the row-hover effect needs real CSS, so it is emitted by the CSS-block, Bootstrap, and Tailwind formats (not by inline styles).
3. Get your code
Live preview
Generated code
Import CSV / spreadsheet data
Paste CSV, TSV, or pipe-delimited data (or upload a file). The delimiter is detected automatically and quoted fields are handled.
How to use this HTML table generator
- Set the grid size with the Rows/Columns controls (or press Load sample), then click any cell and type your content.
- Shape the table: select a cell to merge it right or down (colspan/rowspan), set alignment, bold key cells, and insert or delete rows and columns.
- Style it: toggle the header row, footer row, borders, zebra striping, hover highlight, and compact padding; pick your colors.
- Copy the code in your format — portable inline-CSS HTML, semantic plain HTML, a CSS class block, Bootstrap 5, Tailwind, Markdown, or CSV — or download it as a file.
Frequently asked questions
What is an HTML table generator?
An HTML table generator is a tool that builds table markup for you. Instead of hand-writing <table>, <thead>, <tbody>, <th>, and <td> tags, you type your content into a spreadsheet-like grid, pick styling options, and the tool writes clean, valid HTML — including colspan and rowspan for merged cells. It is the fastest way to create an HTML table without writing code.
How do I create an HTML table without writing code?
Set the number of rows and columns (or import CSV data to fill the grid automatically), then type directly into the cells. Toggle a header row, striping, borders, and hover effects, choose an output format, and press Copy. The generated code is ready to paste into any web page, email template, or CMS.
How do I merge cells to get colspan and rowspan?
Click a cell to select it, then use "Merge right" to extend it across columns (colspan) or "Merge down" to extend it across rows (rowspan). The generated HTML includes the correct colspan="2" or rowspan="2" attributes, and "Unmerge" restores the original cells. Merged cells stay valid in every output format.
What HTML output formats does the generator produce?
Seven formats: plain semantic HTML, HTML with inline CSS (self-contained, no stylesheet needed), HTML with a reusable CSS class block, Bootstrap 5 table classes, Tailwind CSS utility classes, Markdown pipe tables, and CSV data export. A minify toggle compresses the markup to a single line when you need compact code.
Is the generated HTML table responsive and accessible?
Yes. Header cells are written as <th scope="col"> inside a semantic <thead>, with <tbody> and optional <tfoot>, so screen readers can associate headers with data cells. The responsive-wrapper option wraps wide tables in an overflow container so they scroll horizontally on small screens instead of breaking your layout.
How do I style my table — borders, stripes, hover effects?
Use the styling toggles: bordered, striped rows, row hover highlight, compact padding, plus color pickers for the header background, header text, borders, stripe, and hover colors. Styles are applied per output format — inline styles for the portable version, or clean classes for the CSS, Bootstrap, and Tailwind versions.
Can I import data from a CSV file or spreadsheet?
Yes. Paste CSV, TSV, or pipe-delimited data (or upload a file) and the importer detects the delimiter automatically, handles quoted fields, and fills the grid — padding short rows so every row has the same number of columns. Copying a range from Excel or Google Sheets and pasting it works too.
Is my table data sent to a server or stored anywhere?
No. This generator runs 100% in your browser with plain JavaScript. Your table content is never uploaded, stored, or tracked — there is no account, no API key, and no backend, so it stays private and works even on internal or offline content.
Related tools
Free tool by NRTechStudio