How to add a table in blogger post for display data?

By adding a table in blogger posts, you can easily display your data more informatively  in your Blogger post.However still blogger doesn't have tools for creating tables in Compose mode, so you need an alternative tool to make tables in your blogger.

How to draw a table in your blogger blog using HTML codes

There are some options to draw a table in blogger blog:

1.  Show the table as a picture

     With that method, you can make the table by using MS Word, Excel that does support the table. Then you have to turn it into an image file (Screen hot) and show that image in the blog post.

2. You can draw the table in Google Docs and display the output

   If you make a table in Word using above method, then you may be able to display it in a blog post by converting it via Google Docs Similarly, you could make it in a spreadsheet file like Excel then upload it to Google Docs and then use a web element to display it in your blog.

3. Edit the HTML code behind your post

   If you don’t use the above methods then you can put the HTML code for a table into the post editor's Edit HTML view, then the blogger will draw the table correctly.

But this method is more challenging than the others but it gives you the most control over how the table looks.
 
To do it, you need to below steps;

1.   Go into Edit HTML mode,
2.   Go to the place where you want the table to add
3.   Enter the code.  

If you want to display tabular data on your blog or your web page, then you can either type the HTML instructions in manually or use a tool that generates the code for you.

You have to decide how many rows and columns you want and they generate the HTML code that you need for a table of those dimensions.  Then you simply have to copy and paste the code into the Edit HTML view of the post or page editor and fill in the details

you want to show that inside the table.

In the last step, filling in the details, that can be the hardest part. The nicer table-generators sustain by putting some marker text into each cell, for that reason you can at least see where they are, for example,  they provide code like,

    <table>

    <tr>

    <td> row 1, cell 1 </td>

    <td> row 1, cell 2 </td>

    <td> row 1, cell 3 </td>

    </tr>

    <tr>

    <td> row 2, cell 1 </td>

    <td> row 2, cell 2 </td>

    <td> row 3, cell 3 </td>

    </tr>

    </table>

row 1, cell 1	row 1, cell 2	row 1, cell 3
row 2, cell 1	row 2, cell 2	row 3, cell 3

You can customize or replace the above details as you wish. For that you want to enter with row #, cell # as you prefer.

I Hope the above method helps you to add a table in blogger post. And if
you have any problem or know more on this, Please share with us in the comments section below. Thanks!