Interactive User Management Table
A demonstration of interactive tabular data with full CRUD operations using JavaScript DOM manipulation
3
Total Users
2
Active Users
1
Inactive Users
0
Pending Users
Add New User
User Management
| ID | First Name | Last Name | Status | Actions | |
|---|---|---|---|---|---|
| 1 | John | Doe | john.doe@testautomationtv.com | Current status: Active | This action cannot be undone | Complete user record with editable status and delete option
| 2 | Jane | Smith | jane.smith@testautomationtv.com | Current status: Active | This action cannot be undone | Complete user record with editable status and delete option
| 3 | Bob | Johnson | bob.johnson@testautomationtv.com | Current status: Inactive | This action cannot be undone | Complete user record with editable status and delete option
Demo Features
- Add Users: Fill out the form above and click "Add User" to create new table rows
- Update Status: Use the dropdown in the Status column to change user status
- Delete Users: Click the "Delete" button to remove users from the table
- Live Statistics: Watch the statistics update automatically as you modify data
- Accessibility: Full ARIA support with screen reader compatibility
- No Server Calls: All operations use JavaScript DOM manipulation only