Rich Text Editor allows to insert table of content in edit panel and provide options to add, edit, and remove the table as well as perform other table related action. For inserting the table to the RichTextEditor, the following list of options have been provided in the
|minWidth||Sets the default minWidth of the table.||0|
|maxWidth||Sets the default maxWidth of the table.||null|
|resize||Enable resize feature in table.||true|
|styles||This is an array of key value pair, on each pair, key should be name of styling and value is class name. this list will be shown on quick toolbar options to change the styles of table on designing like dashed, double bordered.||
|width||Sets the default width of the table.||100%|
table toolbar option, select a number of rows and columns to be inserted over the table grid and insert table into rich text editor content using the mouse.
Tables can also be inserted through the
Insert Table option in the pop-up where the number of rows and columns can be provided manually, and this is the default way in devices.
Quick toolbar is opened by clicking the table. It has different sets of commands to be performed on the table which increases the feasibility to edit the table easily.
Table Header command is available with quick toolbar option through which the header row can be added or removed from the inserted table. The following image illustrates the table header.
Rows can be inserted above or below the required table cell through the quick toolbar. Also, focused row can be deleted. The following screenshot shows the available options of the row item.
Columns can be inserted to the left or right side of the required table cell through the quick toolbar. Also, the focused column can be deleted. The following screenshot shows the available options of the column item.
The background color can be set for each table cell through the
background color command available with quick toolbar.
Using the delete item in the quick toolbar, users can delete the entire table.
Text inside the table can be aligned to top, middle, or bottom using the
tool of the quick toolbar.
Text inside the table can be aligned left, right, or center using the
of the quick toolbar.
Table styles provided for class name should be appended to a table element. It helps to design the table in specific CSS styles when inserting in the editor.
By Default, provides Dashed border and Alternate rows.
Dashed border: Applies the dashed border to the table.
Alternate border: Applies the alternative background to the table.
Sets the default width of the table when it is inserted in the rich text editor using the width of
Using the quick toolbar, users can change the width, cell padding, and cell spacing in the selected table using the properties option.