We’ve just activated some new functionality for our WordPress users that we thought you would like to know about. If you’ve ever tried to develop tables using the code view in WordPress, you will really appreciate the plugin we just released called TablePress.
TablePress is a powerful WordPress plugin that lets you create tables that can be searched, sorted and paginated at will. The official successor to the WP-Table Reloaded plugin, TablePress has gained a slow but steady following since being released in April 2013. Tobias Bäthge, who is currently a PhD student in the field of “Engineering Cybernetics” from Magdeburg, Germany, developed both plugins.
TablePress can manage tables in WordPress easily without having to dig into the code whatsoever. In addition, Tobias has also come out with a very useful extension that makes any table you develop responsive and viewable in smartphones, tablets, etc.
The TablePress Dashboard
The TablePress dashboard is intuitive and allows you to edit the content and structure of the table you are creating simply. I appreciate the corresponding left navigation options to the upper tabs. It makes it easy to tell where you are and where you’re going.
When you first begin to edit a table the first section you see is the table information section. The table information section contains the basics, some of which are created automatically for you including the table id and shortcode. TablePress shortcodes allow you to copy and paste code snippet in a number of places including traditional pages, posts, sidebars or even custom post types. We’ll take a look at them a bit later in the post and see how really useful they can be.
The table content section is simply the skeleton layout of the table that you have added. It doesn’t look like much now, but once you configure it working in conjunction with the manipulation section, you’ll see how it all works together quite smoothly.
The table manipulation section works in conjunction with the table content section. The Insert Link, Insert Image, and Advanced Editor buttons require you to click the cell in which you want to perform the action, and then the action itself. Conversely, the cell, row, and column management areas work completely opposite. You have to select the cell, row or column prior to managing it. It makes sense once you work with a little.
TablePress table options allow you to assign a table header, table footer, alternate the row colors, row hover highlighting as well as displaying the table name and description. Extra cascading style sheet classes can be assigned as well. The options checked below are assigned by default when you create a table.
Creating Your First Table
Creating your first TablePress table is a simple, straightforward affair as you would expect. From the TablePress administrative page you can click the Add New Table link, give it a name and description, assign the number of rows and columns you want (You can always add or delete rows and columns as desired) and then click the Add Table button.
Your result show look something like what you see below. Once your table has been created, you will be able to configure by going through the sections above step by step. Note the short code option on the top right [table “8” not found /]
. You’ll use that little snippet to embed the table into either a page or post.
Place Your First Table
Placing your table in a WordPress page or post is a matter of grabbing the short-code that is provided when you first create the table. If you’ve already created a table and have navigated away from the initial table creation page just click All Tables in the left-hand navigation and then hover over the table name to see the option show short code as illustrated. This will bring up a small copy window where you can grab the snippet to place in either the visual or code view of your WordPress page or post.
So there is a quick overview of the outstanding TablePress plugin. When you need a table, TablePress makes it dead simple.