TechWeirdoTools
TechWeirdoTools
Runs in your browserHTML · Tailwind · CSS · Markdown

HTML Table Generator

Design a table visually — edit cells inline, import CSV, TSV or Markdown, tune colours, stripes and density — then export clean inline-CSS HTML, Tailwind classes, a CSS stylesheet or GitHub-ready Markdown.

Builder 4 × 3

Click any cell to edit · Tab moves between cells · Ctrl/⌘+Shift+C copies the export


          

        

      

    


    

      

        

          
How to make an HTML table

          
    
            
  1. Set the size or import data
    Choose rows and columns, or paste CSV, TSV (straight from Excel or Google Sheets) or a Markdown table and click Import.
    2. 
            
  2. Edit and style
    Click cells to edit text inline. Pick a preset or set header and stripe colours, density, alignment, borders and a sticky header.
    3. 
            
  3. Choose an export format
    Switch to Inline CSS, Tailwind, CSS classes or Markdown to see the code, then copy or download it.
    4. 
          

        


        

          
Which export should you use?

          

            

              
FormatBest for

              
                
Inline CSSHTML email, CMS fields and docs that strip <style> tags

                
TailwindTailwind CSS v3/v4 projects — uses arbitrary values like bg-[#037DFF]

                
CSS classesWebsites and apps — lean markup plus one scoped stylesheet

                
MarkdownGitHub READMEs, issues, wikis, Notion and docs sites

              
            

          

          
Accessible by default

          
Exports use real <thead>, <tbody> and <th scope> elements, an optional <caption>, and automatically choose dark or light text for readable contrast against each background colour.

          
Building email tables

          
Use the Inline CSS export, keep colours simple, and turn off the responsive scroll wrapper if your email client mishandles overflow. Always test in your target clients.

        


        

          
Frequently asked questions

          

            

              Is my table data uploaded anywhere?
              
No. Import parsing, editing and export all run in your browser. Your data stays on your device.

            

            

              How do I convert CSV to an HTML table?
              
Paste the CSV (or choose a .csv file) under Import data and click Import. The first row becomes the header when “Header row” is on. Then copy the Inline CSS or CSS classes export.

            

            

              Can I convert a Markdown table to HTML?
              
Yes. Paste a pipe-delimited Markdown table into the import box — the alignment row is detected and skipped — and export as HTML. It works the other way round too.

            

            

              Does the Tailwind export need config changes?
              
Usually not. Arbitrary colour values like bg-[#037DFF] work with Tailwind’s JIT engine as long as your template files are included in its content sources.

            

            

              How do I make a totals row?
              
Open More style settings and give the last row its own background and weight. You can also emphasise the first or last column.