Joomla Tutorials

Creating Tables Inside Joomla Articles

July 16, 2010 | Written by Steve Burge

This tutorial will show you how to create tables inside Joomla articles. Because the default Joomla editor doesn't have a table-creation feature, we're going to recommend that you upgrade to Joomla Content Editor. Instructions on how to install it are here.

Getting Started

tutuploadsmedia_1279302864735.png

Open an article and put your cursor in the article where you'd like the table to be.

Insert a New Table

tutuploadsmedia_1279302938634.png

Click your mouse on the "Inserts a new table" button in the third row of your JCE Editor.

Choosing the Table Options

tutuploadsmedia_1279303033552.png

You'll see a pop-up looking like this. The first thing to do is choose the number of columns and row for your article. Cellpadding is the amount of space INSIDE each cell. Cellspacing is the amount of space BETWEEN each cell. Border will set a line around the outside of the whole table. Width and height allow you set fixed dimensions for the table, otherwise the table will adjust to fit the content inside. When you're done, click insert.

Writing Inside the Table

tutuploadsmedia_1279303232758.png

Click your mouse inside the table cells and start typing .... you should end up being able to fill in all the cells you need:

tutuploadsmedia_1279303548938.png

Modifying Your Table

tutuploadsmedia_1279303591717.png

You'll notice that when your table is selected, many new buttons along the 3rd row will light up. These are extra options for modifying our table. From left to right they are:

  • delete table
  • table row properties
  • table cell properties
  • insert row before
  • insert row after
  • delete row
  • insert column before
  • insert column after
  • delete column
  • split merged table cells
  • merge table cells

 

Comments 

 
# Ed 2011-02-21 13:19
I am using J1.6 and your JCE editor but am unable to turnoff table borders completely. Can anyone help?
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-02-21 13:42
Hi Ed,

Try right clicking on it.

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Ed 2011-04-18 17:10
Table borders are a bug in Joomla 1.6 with JCE - any help? Right click does not do it.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-04-18 22:23
Hi Ed,

Have you tried reporting it to the developer? They'd likely be able to provide a fix for you.

Also, you can give TinyMCE a try instead:
ostraining.com/.../...

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# richardbhong 2011-08-02 02:46
Thanks for this post. If I did not see this post I won't be able to do tables on my articles with 1.6. Good tips and guidelines. Cheers!!

richardbhong
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-30 12:55
You're very welcome, Richard! I'm glad it helped :)

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# Anthony Kallas 2011-08-30 03:12
An alternative way to add tables to your Joomla articles is to use an extension called Tabulizer. It allows to enter table data as plain text, which is very convenient especially if you want to copy-paste existing tables from Word documents.
Reply | Reply with quote | Quote
 
 
# iowawebco 2011-08-30 12:56
Good advice, Anthony!

Kind regards,
Nick
Reply | Reply with quote | Quote
 
 
# milton 2012-02-08 13:46
Sir whats problem if anyone do Extensions > Plugin Manager > Editor - TinyMCE > Edit > Plugin Parameters > Functionality > change from Advanced to Extended > Save
Reply | Reply with quote | Quote
 
 
# iowawebco 2012-02-08 17:58
Hi Milton,

There's on problem. In fact, we have a tutorial available for it:
ostraining.com/.../...

Kind regards,
Nick
Reply | Reply with quote | Quote
 

Add comment