Hello, guys welcome back to another tutorial in this tutorial I will show you How to Make a Responsive Table in a Blogger. A responsive table can be easily created using many ways. I will show two easiest way to create tables in blogger.

HTML tables are very useful in creating a list of materials or other useful listings which is very useful to understand and catch visitors rather writing it without a table.

1. The table should start and end with a tag and the closing tag
2. Each row start with a tag and end with a tag.
3. All Element in a row should be inserted with  John tags and these tags determine the number of column in each row.   tag is only used for the first row for the headline as shown below
   
   
   

   Adding Style to Responsive Table

   In the above section, we have discussed how to insert a basic HTML table into our blog. Here we would study how to add Style to your tables like border, padding, color, etc.
   
   In order to Add style into your blog, there is two way to do it but I will recommend below method
   
   

   Adding style through your Custom CSS section

   1. Goto to Blogger Customise Section in your theme panel
   
   
   2. And Click Advanced Option and Paste the below code (From
   
   
   
   
   3. That's all refresh your page and see the change
   
   
   
   
   

   HTML Table with Style

   
   
    
      
      
      
    
    
      
      
      
    
    
      
      
      
    
    
      
      
      
    
    
      
      
      
    
    
      
      
      
    
    
      
      
      
    
   

   Name	Mobile	Place
   Alfred	123	Germany
   Moctezuma	355	Mexico
   Handel	553	Austria
   Island	585	UK
   Bacchus	582	Canada
   Alimentari	455	Italy

   
   
   And this would look like this with style
   
   
   
   

   Adding style in Single Post

   If you don't need this style in every post or you only need to add this in a single post then you don't need to copy all the Style in  Custom CSS section. For this just paste the above code in your posts HTML section and you are done
   
   
   
   
   

   Conclusion

   ❤ I Hope that you liked this post on How to Make a Responsive Table in a Blogger. You can freely comment your doubts below.
   
   If you liked this article, then please share to the social networking site. You can also find us on Twitter, Facebook, YouTube, and Instagram.