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