Skip to content

ItzRahul-ai/data-table

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

7 Commits
Β 
Β 
Β 
Β 

Repository files navigation

Data Management Dashboard

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.

πŸš€ Features

  • πŸ“Š 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

πŸ›  Tech Stack

  • HTML5
  • Tailwind CSS (via CDN)
  • SVG Icons

πŸ“ Project Structure

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

Follw for more beutiful design's

About

Would you like me to refactor and share a clean version of this HTML file with the fixes? I can also show how to turn it into a dynamic page using JavaScript or a framework like React/Vue if you're heading that direction.**LIVE LINKπŸ”—**- (https://itzrahul-ai.github.io/data-table/)

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages