Skip to main content

Adding Borders to a Table

Updated

How do I add borders around my table or my table cells?

Using the Table Wizard to Configure Tables

The Table Wizard is a powerful tool that allows users to customize table design, cell settings, and accessibility options. It includes three main tabs:

Table Design

Use this tab to modify the structure and layout of your table.

Add or Remove Rows and Columns

  • To add a row:
    Select a cell, then click Increase under Rows. The new row will be inserted below the selected cell's row.
  • To add a column:
    Select a cell, then click Increase under Columns. The new column will be inserted to the right of the selected cell's column.
  • To delete a row:
    Select a cell in the row, then click Decrease under Rows.
  • To delete a column:
    Select a cell in the column, then click Decrease under Columns.

Merge and Split Cells

  • To merge cells horizontally:
    Select a cell, then click Increase under Column Span.
  • To merge cells vertically:
    Select a cell, then click Increase under Row Span.
  • To split horizontally merged cells:
    Select the merged cell, then click Decrease under Column Span.
  • To split vertically merged cells:
    Select the merged cell, then click Decrease under Row Span.

When finished, click OK to apply your changes.

Table Properties

To modify the overall table settings:

  1. Right-click the table in the text editor.
  2. Select Table Properties from the dropdown menu.

You can configure:

  • Table height and width
  • Cell spacing and padding
  • Cell alignment
  • CSS class and background image

Click OK to save changes.

Cell Properties

To adjust individual cell settings:

  1. Right-click the cell in the text editor.
  2. Select Cell Properties from the dropdown menu.
  3. In the left panel, select one or more cells to modify.

Available options:

  • Height and width (use % for percentage values)
  • Alignment
  • CSS class and background image
  • Text wrapping

Click OK to apply changes.

Table Borders and HTML Customization

By default, tables do not display borders. To add borders:

  • Update the table’s HTML tag to include:
    class="table table-bordered"
    This adds a gray border around each cell.

To create a borderless table:

  • Open the HTML mode of the RadEditor.
  • Locate the <table> tag and change it to:
    <table border="0">

If you're not comfortable editing HTML, submit a support ticket to request assistance with table creation.

 

#tables

Powered by Zendesk