Wiki Life: Using Tables in your Articles


One of the most often used features of the Wiki is the ability to create tables.  There are many different ways to do it, some easier than others depending on the experience of the person creating the table.  I’ll go through a few different options available on the TechNet Wiki.

Insert Table

Once you click on the Edit tab of an article, you are presented with a radEditor rich text box where you can type or copy/paste your article in a WYSIWYG format.  In the toolbar just above the text box is an icon that looks like a spreadsheet with a pen on top of it called ‘Insert Table’.  Clicking on this button allows you to select a number of rows and columns using a visual aide.  This will insert a basic table with no formatting.

Data Entry

Now that you have a table with the desired number of text areas, it is time to enter some data.  If you have a small amount of data, you can enter the data manually, cell by cell.  One caveat to this is that the editor automatically adds a space in each cell, so you might want to remove that extra space if you have a lot of columns to save space.  If you already have a large amount of data in a spreadsheet or other format in table form, you can copy/paste it into the editor.  However, depending on the source, this can carry over formatting, which might not translate well to the Wiki editor formatting.

Formatting

If you save the article and take a look at it, you might notice that it doesn’t look exactly how you want.  Do not fret!  You can either edit the table by right-clicking on it and using the GUI or edit the HTML manually.  The GUI is rather self-explanatory, so I will go into the HTML editing.  One of the most-used properties of tables that makes reading the information easier is borders.  To add in a very simple border to create a barrier around your data, you can replace the HTML <table> tag with <table border=”1″>.  If you would prefer a sleaker table border, here is another optional table tag: <table style=”border: thin solid #000000; border-image: initial;” rules=”all” cellspacing=”0″ cellpadding=”0″>.

If the table that you created is too wide, it can be cut off on the right side.  To get around this, you can manually modify the width of the table using the appropriately named ‘width’ property.  Example: <table border=”1″ width=”600″>. 

Do you have a tip or trick to creating Wiki articles?  Leave a comment below and once there are a few, I’m sure some enterprising Wiki Ninja will create an article out of them.

-Rich Prescott

Engineering Efficiency
@Rich_Prescott
Windows System Administration tool
AD User Creation tool

Comments (2)

  1. You know, I also found a fast and furious solution of pasting table into Word, modifying it there (moving the borders around with your mouse), and then pasting into Wiki. It actually seems to work (back in 2010 it didn't work so well, but it does now). Have you tried that?

    Great topic. Thanks, Rich!

  2. aw says:

    hai, I just want to tell you that I am just very new to blogs and seriously loved this website. More than likely I’m planning to bookmark your blog post .
    You amazingly come with really good posts. Thanks a lot for sharing your blog Microsoft.

    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20Jatim
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20BJB
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20BNI%2046
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20BTPN%20Syariah
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20DKI
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20Panin
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20PT%20Mandiri%20Tunas%20Finance
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20BRI%20Agro
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Bank%20Muamalat
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20BItung
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20BursaKerja
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20CIKUPA
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20CPNS
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20D1
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20D2
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20D3
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20D4
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Depnaker
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Dokter
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Dosen
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Ekonomi
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Elektro
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Farmasi
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Garuda%20Indonesia
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Geologi
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Grafika
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Guru
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Hotel
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Hukum
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Indomart
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20IT
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Jobsdb
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Jobstreet
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20K3
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Kehutanan
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Kernet
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Kesehatan
    http://www.lokerjobindo.com/search/label/Lowongan%20Kerja%20Komputer