HTML Table Generator

100% Free · Client-Side

Dynamically build a table by adjusting rows and columns, inputting text, and instantly getting clean HTML. Customize with your own CSS classes.

Table Settings

Rows

Columns

Structure Options

Header Row

Include <thead>

Footer Row

Include <tfoot>

Styling Presets

Width

Stripes

Borders

Density

Align

Color Theme

Custom CSS Classes (Optional)

<table>

<thead>

<tbody>

<tfoot>

<tr>

<th>

<td>

What is the HTML Table Generator?

The HTML Table Generator is a free tool designed to simplify creating complex HTML tables without writing any code manually. Use the visual editor grid to plan out your table, add content directly into the cells, customize classes, and grab the perfectly indented HTML code instantly.

Custom HTML Classes

Writing plain HTML tables is great, but often you want them styled exactly how you need for frameworks like TailwindCSS or Bootstrap. Our generator allows you to explicitly set the CSS class on all elements:

<table> - Common usage: w-full text-sm text-left rtl:text-right text-gray-500
<thead> - Common usage: text-xs text-gray-700 uppercase bg-gray-50
<th> / <td> - Perfect for padding and borders: px-6 py-3 border-b
<tbody> - Great for divide utilities: divide-y divide-gray-200