• Home
  • About

Snippet IT

IT News, Programming, Internet and Blogging

  • Programming and Scripting
  • Tips and Tricks
  • Search Engine Optimization and Internet Marketing
  • Earning with Website and Blogging
  • Software and Hardware
  • New and Happening
  • Other
  • Sponsored Post
You are here: Home / Programming and Scripting / Wordpress: How To Add Table Into A Post

WordPress: How To Add Table Into A Post

November 26, 2009 by Sze Hau Leave a Comment

WordPress’ WYSIWYG post editor does not come with the functionality that allows user to create table when editing a post (like what you can do in Microsoft word).

However, putting a table into a post in WordPress editor is not as hard as writing a software codes. What you need to know is to familiar yourself with some HTML tags.

To create a table in post, you will need to switch your editor to HTML mode. Simply click on the HTML tab on the top-right of your WordPress editor and then insert the table codes into the position where you want the table appear.

Here is a simple table:

<table border="1" cellspacing="1" cellpadding="1" width="100">
<tbody>
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</tbody></table>

And it looks like this:

Column 1 Column 2
Data 1 Data 2

You can change the table width by changing the width parameter to a certain value, either in pixels (without unit) or percentage (with %). You can also change the border size (border), cell’s padding (cellpadding) and cell’s spacing (cellspacing). Border size, cell’s padding and cell’s spacing are in unit pixels.

After you have put the code, change back to visual mode to preview your table. At that time, you can apply format (e.g. color, bold, link and etc) to your text in the table.

Another table with 2 columns in a row are merged:

<table border="1" cellspacing="1" cellpadding="1" width="100">
<tbody>
<tr>
<td colspan="2">2 Columns merged</td>
</tr>
<tr>
<td>Data 1</td>
<td>Data 2</td>
</tr>
</tbody></table>

And it looks like this:

2 Columns merged
Data 1 Data 2

Another table with 2 rows in a column are merged:

<table border="1" cellspacing="1" cellpadding="1" width="100">
<tbody>
<tr>
<td rowspan="2">Column 1</td>
<td>Column 2</td>
</tr>
<tr>
<td>Data 2</td>
</tr>
</tbody></table>

And it looks like this:

Column 1 Column 2
Data 2

It is easy and fun, right? You always have to trial and error to create the table you want. Once you have understood the basic, you can easily create tables with the design you want.

Have fun!;

More from my site

  • Wordpress: How To Change Admin UsernameWordPress: How To Change Admin Username
  • Wordpress: Rename Permalink URL with Ease in Administrator PageWordPress: Rename Permalink URL with Ease in Administrator Page
  • Wordpress: Schedule to Publish a PostWordPress: Schedule to Publish a Post
  • Wordpress: Version 2.9WordPress: Version 2.9
  • Wordpress: Catch A Spam Comment With StatcounterWordPress: Catch A Spam Comment With Statcounter
  • Java: Format Integer Into Fixed Width StringJava: Format Integer Into Fixed Width String

Filed Under: Programming and Scripting, Tips and Tricks Tagged With: how to, HTML, Wordpress

About Sze Hau

Geek. Love programming. Coffee addicted. Married with two children. Working towards financial freedom.

Leave a Reply Cancel reply

Advertisement

  • Facebook
  • Google+
  • Instagram
  • Twitter

Email News Letter

Sign up to receive updates daily and to hear what's going on with us

Search Engine Optimization

Short URL: Top 5 Websites That Provide Free Short URL Service

December 10, 2009 By Sze Hau Leave a Comment

Google Chromium OS

November 23, 2009 By Sze Hau Leave a Comment

WordPress Plugin: Official StatCounter Plugin

November 13, 2009 By Sze Hau 1 Comment

Make Money With Website And Blogging

Wordpress

WordPress: How To Change Admin Username

September 23, 2015 By Sze Hau Leave a Comment

WordPress: Transfer Your Blogs To Another Hosting With Minimum Downtime

February 3, 2014 By Sze Hau Leave a Comment

Virtualmin: How To Install Virtualmin in CentOS

August 26, 2013 By Sze Hau Leave a Comment

Software and Hardware

iOS 5.1 Unable to Update

March 13, 2012 By Sze Hau Leave a Comment

Blog Network

  • All Gadget Latest Gadget Reviews and News
  • Blog Portal A place where bloggers gather
  • Personal Fincance Personal Finance – Personal Money Tips, Stock Investment, Small Business and Make Money Online
  • szehau's weblog Life, Internet, Software, Gadgets, Programming and Investments
  • Vista Talks Software News, Software Updates, Tips And Tricks

Snippet IT

This is the place where I want to share anything about information technology.

Search

Recent

  • MD5 and SHA1 Checksum Using Windows
  • MD5 and SHA1 Checksum Using Linux
  • Java: Unlimited Strength Jurisdiction Policy
  • WordPress: How To Change Admin Username
  • Linux: How To Compress And Decompress Folders And Files

Tags

Adsense advertisement advertising apache blog blogging tips C# EGPC error estimation format format Integer Gmail Google Google Adsense Google Chrome Google Search Engine Google search result how to HTTP internet marketing Java JavaScript Linux money password performance PHP programming search engine optimization secure security short URL SQL static constructor String tiny URL Tips and Tricks twitter video Windows Vista Wordpress wordpress plugin wordpress theme Youtube

Copyright © 2021 · Magazine Pro Theme on Genesis Framework · WordPress · Log in