Select a site

IMPORTANT: This version of Sitefinity CMS is out of support and the respective product documentation is no longer maintained and can be outdated. Use the version selector to view a supported product version.

Create and configure tables

Once you insert a table in your text, you can use the table wizard, which makes styling and configuring the table quick and simple. The contextual menu provides you with the key table operations, whereas the wizard enables you to change the design and define each detail of tables. You can tweak the properties, colors, and styling of the whole table or of single cells.

To insert a table in the text:

  1. In the contextual toolbar, click the Create table button.
  2. With the help of the grid, choose a size for the table, for example, 4x3 table with 4 rows and 3 columns.
  3. With the help of the contextual table toolset, after placing the cursor on a cell, you can:
    • Add a row above or below
    • Add a column to the left or to the right
    • Delete the whole row
    • Delete the whole column
  4. Enter content in the cells and format with the help of the contextual formatting toolbar.

To use the table wizard, choose the Table wizard button on the contextual toolbar. You can configure the following properties:

Properties of Description
Table 

You can change the following properties:

  • Modify the size of the table via height and width, defined in different units of measure, for example, pixels and %
  • Number of rows and columns
  • Cell spacing, padding, and alignment
  • Apply a CSS class and background color
  • Table ID (HTML attribute)
  • Table border thickness, style, and color
  • Select whether to collapse borders
Cell 

You can change the following properties for individual cell or for all cells:

  • Height and width of cell(s) in different units of measure, for example, pixels and %
  • Cell margin, padding, and alignment
  • Apply a CSS class and background color
  • Cell ID (HTML attribute)
  • Cell border thickness, style, and color
  • Select whether to wrap the text in the selected cell(s) 
Accessibility

You can define the following:

  • Table caption
  • Alignment
  • Table summary
  • Whether to associate cells with headers 

Back To Top

Next: Work with the HTML editor