A simple, elegant web-based interface to manage and view data entries. Built using HTML and Tailwind CSS, this project showcases a searchable and interactive table UI that can be easily extended for real-world applications.
- 📊 Stylish table layout with hover and transition effects
- 🔍 Search input for filtering (UI only; filtering logic not implemented)
- ✅ Selection checkbox for each row
- 🖊️ Edit and 🗑️ Delete buttons (UI only; no backend functionality yet)
- 🌈 Gradient background and smooth UI interactions
- 📱 Responsive and modern design using Tailwind CSS
- HTML5
- Tailwind CSS (via CDN)
- SVG Icons
index.html # Main file containing the layout and content 🧰 How to Run Download or clone the repository: link https://github.com/ItzRahul-ai/data-table.git
Open the index.html file in your browser.
Interact with the table and explore the UI.
📌 Notes Currently, the project is frontend-only.
Functionalities like editing, deleting, and filtering are placeholders and can be implemented using JavaScript or backend frameworks.
💡 Future Improvements Add JavaScript functionality for dynamic filtering and row management.
Connect to a backend for CRUD operations.
Implement pagination or infinite scroll for large datasets.
Made with ❤️ using Tailwind CSS