OxyPages

HTML Table Generator: Build A Table Visually, Copy The Code

Type into the grid or paste CSV, style it, copy the HTML. No hand-written table tags.

Free. No account. Live in seconds.
Table data
1
2
3
4
5

Tip: copy cells in a spreadsheet and paste into any cell to fill the grid. Enter moves down a row.

Preview
Free. No account. A page with your table, live in seconds.

How It Works

How To Use The HTML Table Generator

  1. 1

    Fill In The Grid Or Paste CSV

    Type into the cells, use the row and column steppers to size the table, or switch to CSV and paste data from a file, Excel or Google Sheets. Pasting a block of cells into the grid fills it in one go.

  2. 2

    Style It In Options

    Turn the header row or column on, pick a border style, add zebra stripes, set alignment and give the table a caption. The preview on the right updates as you go.

  3. 3

    Copy The HTML Or Publish

    Open the HTML tab and copy the markup, download table.html, copy it as a Markdown table, or publish the table as a live page on a free link.

About This Tool

Make An HTML Table Without Writing Tags

A visual HTML table maker that runs in your browser and hands back clean, semantic markup with the CSS to match.

This HTML table generator turns a grid you can type into, or a block of CSV you paste, into a finished <table>. You set the headers, borders, stripes, spacing and alignment with checkboxes and menus, watch the preview change, then copy the HTML table code, download it, or publish it as a page. The markup it writes is the markup a careful developer would write by hand: a <caption>, <thead> and <tbody>, <th scope="col"> for column headings, every cell escaped, two-space indentation.

Who It Is For

Anyone who needs to create an HTML table and would rather not count closing tags. That includes people editing a page ChatGPT or Claude wrote for them, someone adding a price list or opening hours to a site a designer handed over, students on a web course, and anyone with a spreadsheet who wants it on a web page. If you have the data in Excel or Google Sheets, copy the cells and paste them into the grid, or switch to CSV mode and paste there; the parser detects commas, tabs and semicolons on its own.

How It Works

The grid is the source of truth. CSV mode is a second view of the same data, so you can paste a file, tidy a cell in the grid, and switch back without losing anything. Quoted fields with commas, line breaks and doubled quotes are handled the way spreadsheets export them. Numbers align right automatically when the option is on, which is what a price or a quantity column should do, and the detection counts money and percentages as numbers.

The optional Include CSS block styles the table under a single class, .oxy-table, using only plain greys, so it drops into an existing page without fighting the styles already there. Turn it off and you get bare markup with alignment as inline styles, ready for a site that has its own table CSS. Responsive wrapper puts the table in a scrolling container so a wide table on a phone scrolls sideways instead of breaking the page. Everything happens in your browser; nothing is uploaded until you choose to publish.

Limits

The grid holds up to 30 rows and 12 columns, and a CSV paste beyond that keeps the first 30 by 12 and tells you. It does not do merged cells (colspan or rowspan), nested tables, or per-cell colours; if you need those, generate the table here, then hand-edit the result in the HTML Formatter or check it in the HTML Viewer.

Then Put It Online

A table is often the whole point of a page: a price list, a timetable, a results sheet, a spec comparison. The Publish button wraps your table in a small complete page and puts it on a free OxyPages link with HTTPS in seconds, no account needed. The link lasts 30 minutes unless you claim it, and claiming is free; from there you can pick your own address and, on a paid plan, connect a custom domain. See how it works for the full picture.

Questions

Frequently Asked Questions

Open Options and tick Responsive wrapper. The table is placed inside a div with overflow-x set to auto, so on a narrow screen the table scrolls sideways within its box instead of stretching the page. The generated CSS also sets the table to full width, so it fills whatever container you put it in.

Try It Now

Still Here? Drop It In.

The whole pitch fits in one sentence: your HTML, on a link, in seconds.

Drag and drop your HTML file(s), folders, or ZIP file

or ·

No account needed. Your unclaimed website stays live for 30 minutes on a free subdomain. Claim it to your account to keep it permanently.

  • No Account Needed
  • Free SSL
  • 30-Minute Unclaimed Link, Claim To Keep It