Tables & Pagination
Practice automating data tables — sorting, filtering, inline editing, and pagination.
Data Display
Basic Table
| Name | Department | Salary | Location |
|---|---|---|---|
| Aarav Sharma | Engineering | 12,00,000 | Bangalore |
| Priya Patel | Marketing | 8,50,000 | Mumbai |
| Rohan Gupta | Finance | 10,00,000 | Delhi |
| Sneha Reddy | HR | 7,20,000 | Hyderabad |
| Vikram Singh | Engineering | 14,00,000 | Pune |
Rows: 5
Sortable Table
| Name ↑ | Age ↕ | Department ↕ | Salary ↕ |
|---|---|---|---|
| Arjun Mehta | 28 | Engineering | 12,00,000 |
| Divya Nair | 32 | Design | 9,00,000 |
| Karan Joshi | 25 | Marketing | 7,50,000 |
| Meera Iyer | 30 | Engineering | 11,00,000 |
| Nikhil Verma | 35 | Finance | 13,50,000 |
| Pooja Desai | 27 | HR | 6,80,000 |
| Rahul Kapoor | 29 | Engineering | 12,50,000 |
| Sanya Bose | 31 | Design | 9,50,000 |
Sorted by: name (asc)
Filterable Table
| Product Name | Category | Price | Stock |
|---|---|---|---|
| Laptop Pro 15 | Electronics | 89,999 | 45 |
| Wireless Mouse | Accessories | 1,299 | 200 |
| USB-C Hub | Accessories | 2,499 | 150 |
| Mechanical Keyboard | Accessories | 5,999 | 80 |
| 4K Monitor | Electronics | 34,999 | 30 |
| Webcam HD | Electronics | 3,499 | 120 |
| Standing Desk | Furniture | 24,999 | 15 |
| Ergonomic Chair | Furniture | 18,999 | 25 |
| Desk Lamp | Furniture | 2,999 | 60 |
| Noise Cancelling Headphones | Electronics | 15,999 | 55 |
Showing 10 of 10 products
Table Interactions
Table with Actions
| Name | Role | Actions | |
|---|---|---|---|
| Amit Kumar | amit@example.com | Developer | |
| Bhavna Shah | bhavna@example.com | Designer | |
| Chirag Patel | chirag@example.com | QA Engineer | |
| Deepa Rao | deepa@example.com | Product Manager | |
| Eshan Mishra | eshan@example.com | DevOps |
Rows: 5 | Editing: None
Paginated Table
| Name | Department | Salary | Location | Join Date |
|---|---|---|---|---|
| Aditi Sharma | Engineering | 11,00,000 | Bangalore | 2021-03-15 |
| Bharat Patel | Marketing | 8,00,000 | Mumbai | 2020-07-22 |
| Chitra Nair | Finance | 9,50,000 | Chennai | 2019-11-01 |
| Dinesh Gupta | HR | 7,00,000 | Delhi | 2022-01-10 |
| Ekta Reddy | Engineering | 13,00,000 | Hyderabad | 2020-05-18 |
Page 1 of 5