Tables - Basic Tables | Vuexy - Bootstrap Admin Template

- English
- French
- Arabic
- German
- Light
- Dark
- System
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

Table Basic

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Table Dark

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Dark Table head

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Light Table head

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Table Header & Footer

Project	Client	Users	Status	Actions
Angular Project	Albert Cook		Active	Edit Delete
React Project	Barry Hunter		Completed	Edit Delete
VueJs Project	Trevor Baker		Scheduled	Edit Delete
Bootstrap Project	Jerry Milton		Pending	Edit Delete
Project	Client	Users	Status	Actions

Table Caption

List of Projects
Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Striped rows

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Bordered Table

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Borderless Table

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Hoverable rows

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Small Table

Project	Client	Status	Actions
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete

Contextual Classes

Project	Client	Status	Actions
Sketch Project	Ronnie Shane	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
Angular Project	Albert Cook	Active	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap Project	Jerry Milton	Pending	Edit Delete
Sketch Project	Sarah Banks	Active	Edit Delete
React Custom	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
Angular Project	Albert Cook	Active	Edit Delete
React Project	Barry Hunter	Completed	Edit Delete
VueJs Project	Trevor Baker	Scheduled	Edit Delete
Bootstrap 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

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