Easy Table is The Easiest Way to Create Table in WordPress

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


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.

Video Tutorial

Still confusing how to install and create first table? Check out this video tutorial.

(video by: webdesy.com)

 

Leave a Reply

*

Comments (1,172)

  1. how can i make the table width to be auto cz i tried using width=”100%”, style=”width: 100%” and they are all not working

    Reply