Skip to content. | Skip to navigation

Personal tools

Navigation

You are here: Home / Plone Help / Using the Kupu Editor / Tables

Tables

This page explains how to create and manipulate tables in Plone using the Kupu editor.

Creating a New Table

Create Table Dialog

To create a new table on a Plone page, edit the page, position the cursor where you want to place the table, and click the table button (Insert table button).  When the Table dialog (right) appears, respond as follows.

Field Description
Table Class
The table class determines what the table will look like; its style if you will.  There are several classes available.
  • Subdued grid
  • Invisible grid
  • Fancy listing
  • Fancy grid listing
  • Fancy vertical listing
Select the class that you prefer.  The class can easily be changed.  See Appendix A for examples of each of these classes, and Modifying an Existing Table to see how to change the class.
Rows
Enter the number of rows that the table should have initially.  Rows can easily be added and deleted later.  For details, see Modifying an Existing Table.
Columns
Enter the number of columns that the table should have initially.  Columns can easily be added and deleted later.  For details, see Modifying an Existing Table.
Create Headings
Check this box if you want the table to have an initial heading row.  For some table classes, the heading row will look different from the body rows.

Note:  When a table is first created, each cell initially contains a single space.  If you notice as you type data into the table that entries in a particular column don't look precisely lined up, it's most likely because you began typing either before or after the space.

To place data into the table, simply click inside any one of the cells and begin typing.  Except for another table, anything that can be place outside of a table such as bullet and numbered lists, images, etc. can also be placed inside of each cell in the table.

Modifying an Existing Table

Adding/Deleting Rows/Columns

Add/Delete Table Rows

When the cursor is located inside any cell in a table, one icon appears to the left of the cell, and another appears above the cell.  (Click the image to the right to enlarge it.)  In both cases, the icon is composed of a circled 'X' in the center and two arrow heads that surround the 'X'.  The circled 'X' is used to delete a row or column.  For example, to delete the row where the cursor is positioned, click on the circled 'X' to the left of the cell.  To delete the column where the cursor is positioned, click the circled 'X' above the cell.  The arrow heads are used to add a row or column as follows:

  • Clicking the left arrow adds a row to the left of the column where the cursor is located.
  • Clicking the right arrow adds a row to the right of the column where the cursor is located.
  • Clicking the up arrow adds a row above the row where the cursor is located.
  • Clicking the down arrow adds a row below the row where the cursor is located.

Note:  Deleting a row or column that contains data also deletes the data in that row or column.  Therefore, one should click carefully.

Changing the Class of a Table

Table Edit Window

To change the class (look) of the table, first click anywhere inside the table and then click the table button (Insert table button).  The window that is displayed looks similar to the window that was seen when the table was created.  (Click on the image to the right to enlarge it.)  Next, click on the Table Class drop down, and select the desired class.  The table will take on its new look immediately.  Once you are satisfied with the class you've selected, click the Close button on the Table window.

Changing the Style of a Cell

When a table is created, the heading row is automatically setup to have a style of "Heading cell," and each cell in the body of the table has a style of "Plain Cell."  The style of each cell can be changed to meet your needs.  To change the style of a cell, first click somewhere inside of the cell, and then click the Style drop-down (Style drop-down).  Select from the following:

  • Plain cell
  • Even row
  • Odd row
  • Heading Cell

Deleting a Table

It is possible to delete an entire table by deleting all of its rows or columns, but there is an easier way.  To do so, click inside of any cell in the table, and then click the table button (Insert table button).  When the Table window appears, click the [Remove] button to the right of the Table: heading.  Note that the table and all of its contents will be deleted.

Appendix A: Examples of Table Classes

Name
Phone Number
E-Mail
Fred Flintstone
Bedrock 5-2743 fred@rockmail.com
Barney Rubble
Bedrock 5-2744 barney@rockmail.com

Sample 1. Subdued grid

Sample 2. Invisible grid

Name
Phone Number
E-Mail
Fred Flintstone
Bedrock 5-2743
fred@rockmail.com
Barney Rubble
Bedrock 5-2744
barney@rockmail.com

Sample 3. Fancy listing

Name
Phone Number
E-Mail
Fred Flintstone
Bedrock 5-2743
fred@rockmail.com
Barney Rubble
Bedrock 5-2744
barney@rockmail.com

Sample 4. Fancy grid listing

Name Phone Number
E-Mail
Fred Flintstone
Bedrock 5-2743
fred@rockmail.com
Barney Rubble
Bedrock 5-2744
barney@rockmail.com

Sample 5. Fancy vertical listing

Back to Overview

Document Actions