You can add tables in the body of CMS post-type items, and you can partially style the table in the design editor.

Go to the CMS dashboard, and access the CMS post-type item.

Click where you want to insert a table, press the + button, and select Table. The table with 3 columns by 2 rows, including the heading row, is added.

You can set the alignment of the added table to left, center, or right.

Select the table itself and copy and paste it to duplicate the table.

You can delete the table by selecting the entire table and pressing the Delete key or from the block menu.

You can add rows and columns from the row/column menu or the add button on the right edge and the bottom of the table.

Click the delete button to delete a row or column.

*You cannot change the order of the rows and columns with the current version of STUDIO.

You can add row and column headers in the table. Click the block menu to add/remove them.

You can type in the cell and

You can apply bold, italicized, strikethrough, callout, and link styles to selections in the text and add comments.

You can also use Shift + Enter to start a new line and Shift + arrow keys to select multiple cells.

You can also copy tables from other services such as Google Sheets and Notion, and paste them on the body of CMS items.

Note that you can copy and paste the Simple tables ｜Notion Help Center, but not the database table. Select the entire table when you copy the simple tables as in the image below.

Go to the design editor and then the CMS item's dynamic page. Place a richtext box on the page to display the table you inserted in the CMS dashboard.

When selecting the table, the Table and Text tabs will appear in the style menu at the top of the editor. You can edit the styles from there.

You can style the headers and cells separately.

When selecting the cell (td), the TableCell and Text tabs will appear in the style menu at the top of the editor. You can edit the styles from there.

The styles of the table cells will apply to the headers automatically.

Changing the style of the row and column headers (th) will overwrite the existing styles applied from styles in the cell (td).

Styles of the row and column headers (th) will not be applied to cells (td).

There are two points in improving table accessibility

When reading a table with assistive technology such as a screen reader, the presence of a heading cell (th) is read in combination with a data cell (td). Without heading cells (th), it is difficult to understand the data in rows and columns.

Reference

It's recommended to place headers (e.g., h1, h2 elements) before tables.

There are two ways to achieve WCAG 2.0 (Info and Relationships 1.3.1)*1

With current version of STUDIO, you cannot set caption, so adopt the method no.2.

Connect the caption and the table contents to give assistive technology users clues to the table from the caption and to maintain information and relationships.

Reference