https://github.com/fatima-progmmer/table-sorting-jquery
https://github.com/fatima-progmmer/table-sorting-jquery
css html jquery mini project sorting table
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/fatima-progmmer/table-sorting-jquery
- Owner: Fatima-progmmer
- Created: 2024-11-01T03:46:54.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-09T07:48:56.000Z (over 1 year ago)
- Last Synced: 2025-03-09T08:25:44.127Z (over 1 year ago)
- Topics: css, html, jquery, mini, project, sorting, table
- Language: JavaScript
- Homepage: https://fatima-progmmer.github.io/table-sorting-jquery/
- Size: 140 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Table Sorting using jQuery
## 📌 Overview
The **Table Sorting using jQuery** project allows users to sort table data dynamically with a simple click. It enhances user experience by enabling quick and efficient sorting of tabular information without requiring page reloads.
## 🛠 Features
- Click on column headers to sort data.
- Supports ascending and descending sorting.
- Smooth animations for a better user experience.
- Works with numeric and text-based data.
- Lightweight and easy to integrate into any project.
## 🚀 Technologies Used
- **HTML** - Structure of the table.
- **CSS** - Styling and layout adjustments.
- **jQuery** - Handles sorting functionality.
## 📷 Preview
## 📂 Project Structure
```
table-sorting-jquery/
│-- index.html # Main HTML file
│-- style.css # CSS file for styling
│-- script.js # jQuery functionality
```
## 🔧 Setup & Usage
1. **Clone the repository**
```sh
git clone https://github.com/Fatima-progmmer/table-sorting-jquery.git
```
2. **Open `index.html` in a browser**
3. Click on table headers to sort data.
## 💡 How it Works
- Each column header is assigned a click event using jQuery.
- Clicking a column toggles between ascending and descending order.
- Sorting logic adapts to both numeric and text values.
## 📌 Future Improvements
- Add multi-column sorting functionality.
- Enhance UI with hover effects and icons.
- Implement filtering options alongside sorting.
## 🏆 Contributing
Want to improve this project? Feel free to **report issues**, **suggest features**, or **submit pull requests**.
## 📜 License
This project is licensed under the **MIT License**.
## 📩 Contact
For any queries or suggestions, feel free to reach out:
- **GitHub:** [Fatima-progmmer](https://github.com/Fatima-progmmer)
- **LinkedIn:** [Tanzeela Fatima](https://www.linkedin.com/in/tanzeela-fatima-47861b2b7/)
Happy Coding! 🚀
---
## 💡 Motivation
> "The only way to learn a new programming language is by writing programs in it." — Dennis Ritchie