Skip to Content
Palomar College Learning For Success

Page with a Table

How to Create and Insert a New Table

At first, you should add or import a table. This means that you either let the plugin create an empty table for you or that you load an existing table from either a CSV, HTML, JSON, XLS, or XLSX file.

Then you can edit your data or change the structure of your table (e.g. by inserting, deleting, moving, or swapping rows or columns or sorting them) and select specific table features like alternating row colors or whether to print the name or description, if you want. To easily add a link or an image to a cell, use the provided buttons. Those will ask you for the necessary information and and corresponding HTML code will be added to the cell automatically.

To insert a table into a page, post, or text widget, copy its Shortcode and paste it at the desired place in the editor. You can also click the “Table” button in the editor toolbar to select and insert a table.

Tables can be styled by changing and adding CSS commands. The plugin ships with default CSS stylesheets, which can be customized with own code or replaced with other stylesheets. For this, each table is given certain CSS classes that can be used as CSS selectors. Please see the documentation for a list of these selectors and for styling examples.

Placeholder Table

Use this table as a starter for any tables you want to create. Simply copy the table by pressing the button below and add your own content. Rows and columns can be added or removed using the Table Manipulation tools, below.
Column 1Column 2Column 3Column 4Column 5
Nulla at feugiatDonec hendrerit Nulla at feugiatDonec hendrerit Nulla at feugiat
Nulla sodalesNulla at feugiatNulla sodalesNulla at feugiatNulla sodales
Donec hendrerit Donec hendrerit Donec hendrerit Donec hendrerit Donec hendrerit 
Nulla sodalesDonec hendrerit Nulla sodalesDonec hendrerit Nulla sodales
Praesent cursusNulla at feugiatPraesent cursusNulla at feugiatPraesent cursus