Tables

Table Basic

code

This is the standard default table mark-up: table > tbody > tr > td. It is responsive up to a meidum screen size where scroll bar will be seen and the user can scroll across.

User	Project Name	Status	Actions
John Smith	Xtreme admin	Active	Edit Delete
Robert Smith	Adminpro admin	Pending	Edit Delete
Maria Hernandez	Monster admin	Completed	Edit Delete
Angela Rodriguez	Materialpro admin	Pending	Edit Delete
Lucy Deo	Elegant admin	Cancel	Edit Delete

Table Bordered

code

This is the bordered table mark-up: div class="table-bordered" > table > tbody > tr > td. It is responsive up to a meidum screen size where scroll bar will be seen and the user can scroll across.

User	Project Name	Status	Actions
John Smith	Xtreme admin	Active	Edit Delete
Robert Smith	Adminpro admin	Pending	Edit Delete
Maria Hernandez	Monster admin	Completed	Edit Delete
Angela Rodriguez	Materialpro admin	Pending	Edit Delete
Lucy Deo	Elegant admin	Cancel	Edit Delete

Table Striped

code

This is the bordered table mark-up: div class="table-striped" > table > tbody > tr > td. It is responsive up to a meidum screen size where scroll bar will be seen and the user can scroll across.

User	Project Name	Status	Actions
John Smith	Xtreme admin	Active	Edit Delete
Robert Smith	Adminpro admin	Pending	Edit Delete
Maria Hernandez	Monster admin	Completed	Edit Delete
Angela Rodriguez	Materialpro admin	Pending	Edit Delete
Lucy Deo	Elegant admin	Cancel	Edit Delete