Easy Table is The Easiest Way to Create Table in WordPress

flattr this!

easy table wordpress plugins

Easy table wordpress plugins screenshot

Hello, this is the official post about my newest WordPress plugins, Easy Table. As it’s name, Easy Table is WordPress plugin to create table in post, page, or widget in easy way using CSV format. This can also display table from CSV file.

Easy Table is a WordPress plugin that allow you to insert table in easy way. Why it’s easy? Because you don’t need to write any complicated HTML syntax. Note that this plugin is not a graphical user interface table generator, so you can simply type your table data directly in your post while you writing. No need to switch to another window nor click any toolbar button.

Easy Table using standard CSV format to generate table data, it’s easiest way to build a table.

Some Features

  • Easy to use, no advanced skill required
  • Display table in post, page or even in widget
  • Read data from CSV file and display the data in table
  • Sortable table column (using tablesorter jQuery plugin)
  • Fancy table design (using Twitter CSS bootstrap)
  • WYSIWYG safe, I mean you can switch HTML/View tab in WordPress editor without breaking the table data.

Example:

1. Basic Example

[table]Year,Make,Model,Length
1997,Ford,E350,2.34
2000,Mercury,Cougar,2.38[/table]

Result:

Year Make Model Length
1997 Ford E350 2.34
2000 Mercury Cougar 2.38

 

2. More complicated table data:

[table]Year,Make,Model,Description,Price
1997,Ford,E350,"ac, abs, moon",3000.00
1999,Chevy,"Venture ""Extended Edition""","",4900.00
1999,Chevy,"Venture ""Extended Edition, Very Large""","",5000.00
1996,Jeep,Grand Cherokee,"MUST SELL! air, moon roof, loaded",4799.00[/table]

Result:

Year Make Model Description Price
1997 Ford E350 ac, abs, moon 3000.00
1999 Chevy Venture "Extended Edition" 4900.00
1999 Chevy Venture "Extended Edition, Very Large" 5000.00
1996 Jeep Grand Cherokee MUST SELL!
air, moon roof, loaded
4799.00

In the second example above, the cell data that has commas and quote should be wrapped with ” (double quote).

 

3. Table with no heading

[table th="0"]
row1col1,row1col2,row1col3
row2col1,row2col2,row2col3
row3col1,row3col2,row3col3
[/table]

Result:

row1col1 row1col2 row1col3
row2col1 row2col2 row2col3
row3col1 row3col2 row3col3

 

4. Table with caption, custom class and no tablesorter

[table caption="This is example table in WordPress" class="table table-bordered" tablesorter="0"]
row1col1,row1col2,row1col3
row2col1,row2col2,row2col3
row3col1,row3col2,row3col3
[/table]

Result:

This is example table in WordPress
heading1 heading2 heading3
row1col1 row1col2 row1col3
row2col1 row2col2 row2col3
row3col1 row3col2 row3col3

 

5. Table with auto index, start from number 1 (since 0.9)

[table ai="1"]
 head1,head2,head3
row1col1,row1col2,row1col3
row2col1,row2col2,row2col3
row3col1,row3col2,row3col3
row4col1,row4col2,row4col3 
[/table]

Result:

No.head1 head2 head3
1row1col1 row1col2 row1col3
2row2col1 row2col2 row2col3
3row3col1 row3col2 row3col3
4row4col1 row4col2 row4col3

 

6. Table with new line in a cell (since 0.9)
Any nl value would be replaced with new line while rendered. nl could be one character or more. Be wise to use character here, make sure it’s not very common character that may used in your data.

[table nl="~~"]
head1,head2,head3
row1col1,row1col2,this~~should~~be~~in~~one cell
row2col1,row2col2,this~~
also~~
should~~
be~~
in~~
one~~
cell
row3col1,row3col2,row3col3
row4col1,row4col2,row4col3
[/table]

Result:

head1 head2 head3
row1col1 row1col2 this
should
be
in
one cell
row2col1 row2col2 this
also
should
be
in
one
cell
row3col1 row3col2 row3col3
row4col1 row4col2 row4col3

7. Table from file
[table file="http://img.takien.com/2012/05/test.csv"][/table]

Result:

a b c
d e f
g h i

 

Download latest version 1.0 :

Download from WordPress.org or directly from your wp-admin, search “Easy Table” in the plugin installer.

Note:

  • If you creating custom theme, please make backup to another directory or local before update plugins
  • After installing you have to go to Settings->Options and click Save once to load the default settings.
  • Backward compatibility of function str_getcsv is not work. So if your PHP version is lower than 5.3.0, the table will only show first row. Fixed in version 0.2, please update if you have installed the previous version.
$10.99 .CO Domains!

Last updated posts:

Sometimes my posts need to be updated or modified, so here are the recent modified posts:

  • Haroon Khalifa

    How can I change the background colour of the table?
    How can I make one column data with bold letters, one column data with italic fonts?

  • Nex

    The .htaccess causes a 500 error on my Apache server, though I might not have permission to set -Indexes
    Great plugin!

    • takien

      Remove .htaccess in the Easy Table directory

  • Wicked

    Is there a way to make the plugin work with a responsive theme so it can be viewed on 480px width screens?

    • takien

      Currently this feature is’t available.

  • ZozUplink

    I can load files from other websites, but not from files in the same site. Anyone else seeing that?

    • takien

      It depends on your server setting.
      Some server doesn’t allow user to read url from another domain.

  • Mandos

    Hi there – great plugin – Question: Can you place in a soft return within text?

    • Mandos

      Please disregard – found did the trick…

      • Mandos

        Actually it isn’t fixed… the I placed in to soft return the copy is dropping out whenever any other edits are made to the page so to me it is very unstable. Any other tips?

        • takien

          The safest way to use linebreak is to use custom terminator parameter. for example use |

          [table terminator="|"]
          here
          we
          go,
          you
          can
          put
          any
          line
          break
          here|
          and
          this
          is,
          another row
          [/table]

          • Mandos

            Thank you.

          • Mandos

            Hmmm… didn’t do exactly what I need… I need the copy to stay in the same cell but to be underneath the top line… as if you were doing a soft return and not wanting to create a new para in a standard formatting package.

          • takien

            Did you try Shift+Enter?

          • Mandos

            Shift+Enter just pushes the copy into a new cell underneath. I need it to stay in the say cell.

            Currently I have:

            14:05 – 14:55,Citizen Kane Virtual & eLearning Manager National Australia Bank Boosting social learning; an emerging reality.

            I need this on one line: Citizen Kane Virtual & eLearning Manager National Australia Bank

            And then underneath in the same cell: Boosting social learning; an emerging reality.

            Surely this has been requested previously by someone, no?

          • takien

            If you use custom terminator, new line doesn’t mean new cell

  • Mandos

    I am finding the style in the first column is correct but the second column is not reflecting this… see below. How can I change this?

    [table colalign="center|center" colwidth="100|481" attr style="vertical-align:middle"]

    Time,Event

    12:00 – 13:00,Second column

    13:00 – 13:15,Second column

    13:15 – 14:05,Second column

    14:05 – 14:55,Second column

    14:55 – 15:25,Second column

    15:25 – 16:15,Second column

    16:15 – 16:55,Second column

    16:55 – 17:00,Second column

    17:00 – 18:00,Second column

    [/table]

    http://www.pskperformance.com.au/conference/

    • takien

      What do you expect from the second column?

      • Mandos

        To be the same font style as the first column.

  • ImageTable

    Hi, I’m trying to make a table with 2 columns. The left one should contain an image. But just entering the
    image plus ‘,’ plus text gives a table with 4 columns, starting under the image instead of next to it. And leaving the comma between image and text will display… a comma. How to do this?

    The original code I used:

    [table]

    ~~2011-heden,Bij
    AKKOORDmagazine ben ik redactielid. De redactie bepaalt de koers van het blad
    en de inhoud per nummer. Ik verzorg één van de rubrieken, schrijf soms een
    artikel en ben de nieuwe site aan het realiseren.

    ~~2010-heden,Ik maak
    radioprogramma’s voor de afdeling oude muziek van Concertzender. Ook heb ik
    begin 2012 een promotie-cd geproduceerd, in 2010 de nieuwsbrief opgezet en 3
    jaar gemaakt, en een tijdlang de webredactie verzorgd. Enkele verbeteringen op
    de site waren mijn initiatief.

    ~~2010-2012,FASO heeft heel
    veel partituren om uit te lenen aan amateurorkesten. Een deel ervan wordt nooit
    geleend. Om deze partituren onder de aandacht te brengen, schreef ik erover in de
    nieuwsbrieven. In mijn recensies beantwoordde ik de vraag wat ervoor nodig
    is om het stuk te spelen: wat is de bezetting? Welk niveau moeten de musici
    hebben? En is deze partituur bruikbaar? Ook gaf ik tips over de
    uitvoeringspraktijk, vooral bij partituren van oude muziek (barok).

    ~~2011-2012,Voor het magazine
    ‘Mens en melodie’ maakte ik in één dag een website met WordPress. Helaas is dit
    blad failliet.

    ~~2009-2010,Voor het magazine
    Klassieke Zaken schreef ik recensies en artikelen.

    [/table]

    The white lines weren’t in the code, that came up when copying it to this post.

    I hope you can help me.

    Thanks!

  • takien

    Some peoples having trouble with All In One SEO Pack version 2.0, Though, it doesn’t happened in my own blog.

    Use one of these solutions

    1. Change default terminator
    - Go to Easy Table options
    - Scroll to Parser option, on the Row terminator field, change n into r
    - Hit save and see your table again.
    - Isn’t fixed? go to step 2

    2. Use custom row terminator, eg. |

    [table terminator="|"]
    col1,
    col 2
    still col 2
    etc |
    and
    this
    is row 2 col 1,
    last col
    [/table]

  • We_Global

    I am creating tables with the Cuscosky theme and using a header. The contents are left-aligned as per the Easy Table Options, but the header is center-aligned. Is there any way to make the header row left-aligned as well from the options. I do not want to edit hundreds of pages where I have tables. Thanks.

  • Alessio Tumminello

    Sorry, why did you remove my comment? o.O

    I need help to solve my issue… the solution porposed doesnt fix it… how can I do??

    • takien

      No, I never delete a comment.
      But if your comment contains link, it would automatically held by Disqus until I approve it.

  • takien

    It seems that you set terminator to | but you did not replace any new line with | in your table data.

  • takien

    Go to Easy Table option page, change table align into “center” instead of “left”

    • http://www.gizmokid2005.com Michael Secord

      Something so simple, thank you! :) Love this plugin.

  • Alessio Tumminello

    Sorry, why did you remove “align field on Option page” in new version??? I want table to be centered… How can I do now??

    Thanks

  • Lionel

    Dear, Thank you for your (free) plugin. I just have a question: Is it possible to insert photos in the tables ?
    Kind regards

    • Lionelp555

      Dear, Thank you for your (free) plugin. I just have a question: Is it possible to insert photos in the tables ?
      Kind regards

  • Fats

    is there anyway to get the download of this plugin prior to the last update? The last update has totally churned all my tables up throughout my website for some reason. If it is possible please let me know.

  • Alessio Tumminello

    How can I align center table?

    • xmg

      Wondering this as well. After the update all my tables which were center aligned before are now to the left, ruining the layout of the pages.

      • takien

        Since align is marked deprecated on HTML5 specification, I decided to remove that.
        But, for the next update, I will bring it back using CSS instead. The field option will not affected. I’m working on it. And sorry for any inconvenience.

  • BEN.

    I need to put £ symbol in the table but it keeps deleting it in the preview. Is there any way to keep them in???

    • DeeDee

      Same here, removes £ symbol?

    • takien

      Peoples found solution for this by wrapping sign with qoute.


      "£"

  • willyr

    Takien, may be a dumb question… but no where can I find the steps to make a table using your plugin? If I need to make the table in html, I can do that, but I’m looking for an easier method. You say there is documentation and I did read the page linked from above, but sorry, that isn’t helping me. Is there a step by step document somewhere? Thanks,

  • Lionelp555

    Dear, Thank you for your (free) plugin. I just have a question: Is it possible to insert photos in the tables ?
    Kind regards

    • takien

      [table]
      Year,Make,Model,Length,Photo
      1997,Ford,E350,2.34,
      2000,Mercury,Cougar,2.38,
      [/table]

      Make sure you write it on Text mode in your WordPress editor.

      • Lionelp555

        Thank you :) Have a very good day !

  • takien

    Make sure you also load CSS on archive, see Easy Table option page, check on archive and save.

    • http://rjsinternetmarketing.com/ Rita Cartwright

      Thank you that worked!

  • Weepingtiger

    Great plugin. Is there any way to sort on a column that contains dates as it doesnt seem to work for me?

  • Quentin

    Great Plugin thanx!!

    Is there a way to span a cell over two colums??

    Thank You

    • takien

      Use colspan attr inside your cell


      [table]
      1,row1col1,row1col2,row1col3
      2,row2col1,row2col2,row2col3
      3,row3col1[attr colspan="2"],row3col3
      4,row4col1,row4col2,row4col3
      [/table]

    • Quentin

      Great thank you! it works with { ‘ } instead of { ” }

  • qafb

    Can anyone tell me which directory I should upload the files?

  • takien

    don’t use full link on the comment,
    that will automatically held by disqus to prevent spam.

  • takien

    Hi John,
    Easy Table currently having bug with character encoding.
    For best result, the source data must be UTF-8 encoded.
    Other than that may shows unexpected character output.

    Try to copy the file and resave on your pc and see the result.

    Be patient while I’m trying to fix it. Once it fixed, the patch or update will be released.

    Update:
    If you’re using FTP client to transfer text file, make sure you use Binary and NOT Auto or ASCII on the transfer type.

  • John

    Can you give me your mail address ?

  • takien

    please use contact form on this blog.
    takien.com/contact

  • John

    @takien:disqus, I sent a message from contact form. Can you see my previous message? Under this message, there is a message about my problem which sent 2 days ago. Can you see links on this message?