Demo: Tables - Basic Tables | Materialize

- English
- French
- Arabic
- German
Toggle theme
Shortcuts

Calendar Appointments

Invoice App Manage Accounts

User App Manage Users

Role Management Permission

Dashboard User Dashboard

Setting Account Settings

FAQs FAQs & Articles

Modals Useful Popups
- Notification
  
  8 New
- - Congratulation Lettie 🎉
    Won the monthly best seller gold badge 1h ago
  - CF
    
    Charles Franklin
    Accepted your connection 12hr ago
  - New Message ✉️
    You have new message from Natalie 1h ago
  - Whoo! You have new order 🛒
    ACME Inc. made new order $1,154 1 day ago
  - Application has been approved 🚀
    Your ABC project application has been approved. 2 days ago
  - Monthly report is generated
    July monthly financial report is generated 3 days ago
  - Send connection request
    Peter sent you connection request 4 days ago
  - New message from Jane
    Your have new message from Jane 5 days ago
  - CPU is running high
    CPU Utilization Percent is currently at 88.63%, 5 days ago
- View all notifications
- John Doe
  Admin
- My Profile
- Settings
- Billing Plan 4
- Pricing
- FAQ
- Logout

Table Basic

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Table Dark

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Dark Table head

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Light Table head

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Table Header & Footer

Project	Client	Users	Status	Actions
Tours Project	Albert Cook		Active	Edit Delete
Sports Project	Barry Hunter		Completed	Edit Delete
Greenhouse Project	Trevor Baker		Scheduled	Edit Delete
Bank Project	Jerry Milton		Pending	Edit Delete
Project	Client	Users	Status	Actions

Table Caption

List of Projects
Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Striped rows

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Bordered Table

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Borderless Table

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Hoverable rows

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Small Table

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Contextual Classes

Project	Client	Status	Actions
UI/UX Project	Ronnie Shane	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Tours Project	Albert Cook	Active	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete
UI/UX Project	Sarah Banks	Active	Edit Delete
Custom Security	Ted Richer	Scheduled	Edit Delete
Latest Bootstrap	Perry Parker	Pending	Edit Delete
Angular UI	Ana Bell	Completed	Edit Delete
Bootstrap UI	Jerry Milton	Completed	Edit Delete

Table without Card

Project	Client	Status	Actions
Tours Project	Albert Cook	Active	Edit Delete
Sports Project	Barry Hunter	Completed	Edit Delete
Greenhouse Project	Trevor Baker	Scheduled	Edit Delete
Bank Project	Jerry Milton	Pending	Edit Delete

Responsive Table

#	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading	Table heading
1	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
2	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell
3	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell	Table cell

Nested table

Project

Client

Users

Status

Actions

Tours Project

Albert Cook

Active

Project	Client	Users	Status	Actions
Sports Project	Barry Hunter		Completed	Edit Delete
Greenhouse Project	Trevor Baker		Scheduled	Edit Delete

Bank Project

Jerry Milton

Pending

Congratulation Lettie 🎉

Charles Franklin

New Message ✉️

Whoo! You have new order 🛒

Application has been approved 🚀

Monthly report is generated

Send connection request

New message from Jane

CPU is running high

John Doe

Table Basic

Table Dark

Dark Table head

Light Table head

Table Header & Footer

Table Caption

Striped rows

Bordered Table

Borderless Table

Hoverable rows

Small Table

Contextual Classes

Table without Card

Responsive Table

Nested table