Data tables with sorting, pagination, and various styling options.

Basic Table with Pagination

/ 10 pages
Actions ID Name Email Role Status
1 John Doe john.doe@example.com Admin Active
2 Jane Smith jane.smith@example.com User Pending
3 Bob Johnson bob.johnson@example.com User Active
4 Alice Brown alice.brown@example.com Moderator Inactive
5 Charlie Wilson charlie.wilson@example.com User Active
/ 10 pages

Striped Table

Product Category Price Stock Status
Laptop Pro Electronics $1,299.99 15 In Stock
Wireless Mouse Accessories $29.99 0 Out of Stock
Office Chair Furniture $249.99 8 In Stock
USB Cable Accessories $12.99 3 Low Stock

2x Spacing Table

/ 5 pages
Actions Date Transaction Amount Balance
2024-01-15 Purchase at Store ABC -$45.67 $1,234.56
2024-01-14 Salary Deposit +$2,500.00 $1,280.23
2024-01-13 ATM Withdrawal -$100.00 -$1,219.77
2024-01-12 Online Transfer -$200.00 -$1,119.77

Load More Positioning

Table with Left-aligned Load More

Product Price Stock Status
MacBook Pro $2,399 12 Available
iPhone 15 $999 0 Out of Stock
iPad Air $599 8 Available

Table with Center Load More

Customer Email Orders Total
John Smith john@example.com 23 $4,567.89
Sarah Johnson sarah@example.com 18 $3,245.12
Mike Davis mike@example.com 31 $6,789.45

Table with Right Load More (Loading State)

Invoice Date Amount Status
#INV-001 2024-01-15 $234.56 Paid
#INV-002 2024-01-14 $567.89 Pending
#INV-003 2024-01-13 $123.45 Paid

Pager Positioning Examples

Left-aligned Pager

/ 10 pages

Center-aligned Pager (Default)

/ 10 pages

Right-aligned Pager

/ 10 pages

Alternative Pager Icon Sets

Double/Single Angles (Current)

/ 10 pages

Triangular Arrows

/ 10 pages

Simple Arrows

/ 10 pages

Mathematical Double Arrows

/ 10 pages
Type to search or use /p for products, /o for orders, /u for users, /i for invoices

Settings

๐Ÿ‘ค

John Doe

Administrator