How to create responsive html table ?

2
(157 Views)

×

Please Login or Register to process.

asked 23 Oct 2018 in HTML by priyasharma4005(4.1K Points)

Share

1 Answer
answered 23 Oct 2018 by arnabisaha(2.1K Points)
0

Responsive HTML table -

HTML is used to create a table but is not responsive. The responsive table is created by HTML and CSS. If you have to create a responsive table, you will have to do it and make sure. Responsible tables were such a table that can easily open any device. As you know, Without CSS we can not design any table or website. Therefore, in order to make the table responsive. The table creates and designs are made by HTML and CSS.  

There are two ways to make a responsive table

 1.Responsive HTML table using CSS -

You can also make an HTML table responsive even after using a simple CSS 

HTML responsive table

2. HTML responsive table using Bootstrap

If you are using Bootstrap, you can also create a Responsive HTML table by using the Bootstrap table class.

As you know that bootstrap helps to create a responsive website using bootstrap class. 

You have to download the bootstrap and save it on your server .after that you have to link all bootstrap files. 

Bootstrap included a lot of classes that are used to make responsive the website. You can use that class to make your  website responsive. Bootstrap contains the Table class that is used to design and make an HTML table responsive 

table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    border: 1px solid #ddd;

}

th, td {

    text-align: left;

    padding: 8px;

}
tr:nth-child(even){background-color: #E6DEDC}

Responsive HTML table using Bootstrap

 


Comment

Related Questions :-

Your Answer

You can post your answer after login..