🧮 Dynamic Table Generator

This project is a simple responsive web-based tool that allows users to generate dynamic HTML tables based on the number of columns and rows they input.

🚀 Features

• Create a custom HTML table dynamically.
• Responsive UI with modern CSS styling.
• Works on mobile and desktop.
• Styled using CSS variables and clean design patterns.
• Alternating row colors for better readability.

🛠 Technologies Used

• HTML5
• CSS3 (Custom Properties, Flexbox, Media Queries)
• JavaScript (DOM Manipulation)

📸 Screenshots

📂 Project Structure

project-folder/
│
├── Table.html # Main HTML file
├── styles.css # CSS styling file
├── script.js # JavaScript for table generation
└── README.md # This file

---

🧑‍💻 How to Use

1. Open Table.html in any modern web browser.
2. Enter the desired number of columns and rows.
3. Click the Create Table button.
4. A styled HTML table will appear below.

✅ To Do (Optional Enhancements)

• Add export to CSV feature
• Allow editing of cells
• Add delete/insert row or column functionality
• Include animations

📱 Responsive Design

This project uses Flexbox and media queries to ensure usability on both desktops and mobile devices.

🔒 License

This project is open-source and free to use under the MIT License.

---

Made with 💙 using HTML, CSS, and JavaScript.