Create, edit, and export tables in HTML, Markdown, CSV, and Excel formats
🎨 Table Styling
📋 Table Templates
Basic Table
Pricing Table
Schedule
Comparison
Financial
Inventory
👁️ Preview & Export
HTML
Markdown
CSV
❓ Help & Instructions
🎯 Getting Started
Create tables visually: Click on any cell to edit its content directly
Add rows/columns: Use the toolbar buttons to add or remove rows and columns
Edit headers: Click on header cells to modify column names
🔧 Advanced Features
Merge Cells: Select multiple cells by clicking and dragging, then click "Merge Cells"
Sort by Column: Click any cell in a column, then click "Sort Column" to sort alphabetically or numerically
Filter Data: Use the filter input to search and filter table content in real-time
Calculate Totals: Click "Calculate Totals" to add a summary row with column sums (for numeric data)
🎨 Styling Options
Border Style: Choose from solid, dashed, dotted, double, or no borders
Colors: Customize border color, header background, and text color
Spacing: Adjust cell padding and font size
Effects: Enable striped rows, hover effects, and responsive design
📤 Export Options
HTML: Export clean HTML code ready for websites
Markdown: Export in GitHub Flavored Markdown format
CSV: Export as comma-separated values for spreadsheets
Excel: Export as .xlsx file with formatting preserved
📥 Import & Templates
Import CSV: Click "Import CSV" to load data from CSV files
Templates: Use pre-built templates for quick table creation (Basic, Pricing, Schedule, etc.)
Copy Code: Copy the generated code directly to clipboard
🔌 API Access
You can access the table generator programmatically via JavaScript:
tableGenerator.exportHTML() - Get HTML string tableGenerator.exportMarkdown() - Get Markdown string tableGenerator.exportCSV() - Get CSV string tableGenerator.importCSV(csvString) - Import CSV data tableGenerator.applyStyle(options) - Apply custom styles
🔗 Integration
Works seamlessly with document editors, CMS platforms, and development tools
Generated code is clean, semantic, and follows best practices
Responsive tables work on all devices and screen sizes
💡 Tips
Use keyboard shortcuts: Tab to move between cells, Enter to add new row
Double-click on merged cells to unmerge them
Preview updates automatically as you edit the table
Save your work by copying the code or exporting to your preferred format