When editing a Rich Text-enabled component, click the Table icon .
Select the number of columns and rows for the table by dragging the cursor across the grid.
You may add or remove rows and columns using the floating toolbar when you click on the table.

Edit Table Border

Select Table Properties from the toolbar.
Define the border width by keying in the terms of pixels, e.g. key in "1" for 1 pixel.
The default colour of the table border is black. You can also change the border colour by accessing the Advanced tab.

Edit Table Background Colour

You can change the colour of the table background by accessing the Advanced tab in Table Properties.

You may either key in a HTML colour name such as "black", or a HEX code such as "#000000" (for black).
The default colour of the table border is black. You can also change the border colour by accessing the Advanced tab.
Refer to this website for more HTML colour names or HEX codes that you can use.
You may also like to choose the SLS colours if you want a more consistent look:

Primary Brand Colours

#2B63D9 (blue)

#0B233F (navy)

#E96A6A (red)

Supplementary Brand Colours

#4ECBD3 (cyan)

#FBBC04 (yellow)

(A3,4) Insert Mathematical or Chemical Equations

(A3,6) Insert Emoticons