HTML Table Generator

Builds an HTML <table> from a visual grid you edit in place. Configure rows, columns, padding, spacing, alignment, header row, border, and header background color, then copy the generated HTML. A live Preview mode renders the table (sanitized with DOMPurify) so you can verify the result.

1. Set Rows (1-50) and Columns (1-20) in the Table Settings card 2. Toggle Border and Header row, pick Alignment (left/center/right), and adjust Cell padding/spacing 3. Optionally set a Header background color via the color picker or hex input 4. In the Edit tab, click any cell to type content directly into it 5. Switch to the Preview tab to see the rendered table 6. Click Copy in the Generated HTML card to copy the markup

The generated markup uses legacy attributes: <table border cellpadding cellspacing align>, <thead>/<th> for the optional header with bgcolor, and <tbody>/<td> for body rows. Use Add Row / Add Column / Remove Last Row / Remove Last Column to resize, or Reset to refill the grid with placeholder text (Header N, Row N Col N).