How to draw a table in blogger blog for display data? - The WonderSpot

Home Top Ad

Post Top Ad

Latest Posts

Monday, February 26, 2018

How to draw a table in blogger blog for display data?

How to draw a table in blogger blog?

How to draw a table in blogger blog for display data?
This article is about How to draw a table in blogger blog for display data in your Blogger.
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. so let see

Some options for 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 table. Then you have to turn it into an image file (Screen hot) and show that image in blog post.

2. Make 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 above methods then you can put the HTML code for a table into the post editor's Edit HTML view, then 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.   Find the place where you want the table to go
  3.   Enter the code.  

Getting the HTML code to draw a table in your blog

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 help by putting some marker text into each cell, so 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

No comments:

Post a Comment

Thank you for visit us.
Give your feedback. Don't worry. Your email is safe with us.
Subscribe us to get latest news letters for your inbox.

Post Top Ad

Your Ad Spot