Adding Tables to Posts and Pages with TablePress

Posted OnDec 12, 2014     CategoryPlugins     CommentsNo comment

The third step in the guide to the TablePress WordPress plugin guide will take you through the process of adding tables to the posts and pages of your site.

Step 1) On the Dashboard, scroll down the left-hand sidebar and click on ‘TablePress’. You can then choose ‘Add New’ from the Toolbar at the top of the page.

1

Step 2) There are two ways to add a new table with TablePress: Choose ‘Add New Table’ from the TablePress dropdown menu, or click on ‘Add New’ from the toolbar at the top of the page. From here, you can add the name and description of the New Table, and choose the number of rows and columns that will feature in it.

2

Step 3) Once you have created a table, you will be given the shortcode that you can copy and paste into the desired place in the editor. It will then feature in your posts and/or pages thereafter.

3

Step 4) Head to ‘All Tables’  on the TablePress page. From here, you can add a Table ID, Name and Description for the table.

4

Step 5) The Table Content can be edited and then dragged and dropped into the order you want it to be. The table will be saved when you have set your order.

5

Step 6) The Table Manipulation section is where you can add features to your tables and cells, and add rows and columns to existing tables.

6

Step 7) The Table Options will alter how your table looks, including what then table header and footer will be and the colours and  hover highlighting of the rows. You can also decide where to show the table name and description (above or below) and add additional CSS classes for styling purposes.

7

Step 8) The features of the DataTables JavaScript library allows for sorting, search/filtering, pagination and horizontal scrolling. By ticking these boxes, it gives the visitor more control over the tables. Save the changes at the bottom of the page when you’re finished.

8

Step 9) At the very bottom of the page, you can copy, export or delete the table you have created in a single step by clicking on one of the other actions shown below.

9


Leave a Reply

Your email address will not be published. Required fields are marked *

Send this to friend