Tables

Tables allow the user to arrange data like text, images, links, other tables, etc. into rows and columns of cells.

They are created using the <table> tag in which the <tr> tag is used to create table rows and <td> tag is used to create data cells. The elements under <td> are regular and left aligned by default.

Various different tables in bootstrap are shown below:

Basic Table

Sno. Firstname Lastname Email Phone no. (Office)
1. Vikas Sharma vikas.sharma@mail.in 011-26793735
2. Dhruv Verma dhruv.verma@mail.in 011-26793736
3. Shalini Gupta shalini.gupta@mail.in 011-26793737
4. Preeti Aggarwal preeti.aggarwal@mail.in 011-26793738
5. Neha Gupta neha.gupta@mail.in 011-26793739

Stripped-row Table

Sno. Firstname Lastname Email Phone no. (Office)
1. Vikas Sharma vikas.sharma@mail.in 011-26793735
2. Dhruv Verma dhruv.verma@mail.in 011-26793736
3. Shalini Gupta shalini.gupta@mail.in 011-26793737
4. Preeti Aggarwal preeti.aggarwal@mail.in 011-26793738
5. Neha Gupta neha.gupta@mail.in 011-26793739

Stripped-row Bordered Table

Sno. Firstname Lastname Email Phone no. (Office)
1. Vikas Sharma vikas.sharma@mail.in 011-26793735
2. Dhruv Verma dhruv.verma@mail.in 011-26793736
3. Shalini Gupta shalini.gupta@mail.in 011-26793737
4. Preeti Aggarwal preeti.aggarwal@mail.in 011-26793738
5. Neha Gupta neha.gupta@mail.in 011-26793739

Stripped-row Bordered Table with Hover effect

Sno. Firstname Lastname Email Phone no. (Office)
1. Vikas Sharma vikas.sharma@mail.in 011-26793735
2. Dhruv Verma dhruv.verma@mail.in 011-26793736
3. Shalini Gupta shalini.gupta@mail.in 011-26793737
4. Preeti Aggarwal preeti.aggarwal@mail.in 011-26793738
5. Neha Gupta neha.gupta@mail.in 011-26793739

Table with Contextual Classes

Sno. Name Email Phone no. (Office)
1. Default test@mail.in 011-12345678
2. Primary test@mail.in 011-12345678
3. Success test@mail.in 011-12345678
4. Danger test@mail.in 011-12345678
5. Info test@mail.in 011-12345678
6. Warning test@mail.in 011-12345678
7. Active test@mail.in 011-12345678
8. Secondary test@mail.in 011-12345678
9. Light test@mail.in 011-12345678
10. Dark test@mail.in 011-12345678

Table with Dark Head

Sno. Firstname Lastname Email Phone no. (Office)
1. Vikas Sharma vikas.sharma@mail.in 011-26793735
2. Dhruv Verma dhruv.verma@mail.in 011-26793736
3. Shalini Gupta shalini.gupta@mail.in 011-26793737
4. Preeti Aggarwal preeti.aggarwal@mail.in 011-26793738
5. Neha Gupta neha.gupta@mail.in 011-26793739

Table with Light Head

Sno. Firstname Lastname Email Phone no. (Office)
1. Vikas Sharma vikas.sharma@mail.in 011-26793735
2. Dhruv Verma dhruv.verma@mail.in 011-26793736
3. Shalini Gupta shalini.gupta@mail.in 011-26793737
4. Preeti Aggarwal preeti.aggarwal@mail.in 011-26793738
5. Neha Gupta neha.gupta@mail.in 011-26793739