Component

Table component (text)

Table heading	Table heading	Table heading
Data example	Data example	Data example
Data example	Data example	Data example
Data example	Date example	Data example

Table overview

The table component (text) is a part of the core AEM Text component used to display rich text content in a table format. It supports the ability to add, delete, and combine cells, rows, and columns, with the option to choose a cell type.

See all examples

Usage
Styles
Authoring
Accessibility

Usage

The table component (text) is used to present structured datasets and comparisons using rows and columns. This should be used when the content needs to be structured in rows and columns to be easily understood or compared.

The table component is accessed via the RTE in the text component.

Common usage includes:

Specifications and ordering information
Product comparisons

Dos and don'ts

Do:

Use to display information in rows and columns
Use to compare products or technology
Use heading cell styles to create visual hierarchy

Don’t:

Use soley for creating a layout, tables are not responsive
Include large paragraphs or lists in table cells
Overuse the heading cell style

Styles

Styles are used to visually amplify the Boston Scientific brand. Styles carry different brand or functional treatments that bring a distinctive look to our webpages while also helping to emphasize key information.

The table component does not have any brand treatments, only functional treatments.

Using the functional treatments

The functional treatments for the table component allow for the table to display responsively on all devices and to create space between the table and other elements.

*Note: Spacing on the table component is tight; recommend adding the table component to a container component and using the top margin in the container component instead.

Available treatment types

Responsive data table - This style must be applied to ensure the table displays properly on all devices
Top margin - Use this style to create space between the table and other elements

Authoring

AEM guidelines

The table component is accessed via the RTE in the text component. You have to expand the RTE to full screen to access the table properties.

Do not copy and paste tables from word into the text component, this will disrupt styles and layout.

Authoring options include:

Heading and data cell styles
Adding and removing rows or columns
Configurable styles via policies

For general information about the Table Core Component (Text), refer to AEM's Text Component Documentation.

Accessibility

This component passes AAA WCAG standards. However, changes made by the content owner or implementer could impact accessibility compliance. Be sure to follow code standards, usage guidelines, and content guidelines.

Related components

Text component