How to use edit table?

S_Line

Asked On November 11, 2019 05:50 PM UTC

Hi,

How can i use the edit table option, to user edit the width or cellpadding. The user clicks to create table, and no option show to edit table.

Thank you.

Reply | Reply with quote

Pandiyaraj Muniyandi [Syncfusion]

Replied On November 12, 2019 09:16 AM UTC

Hi S_Line,

Greetings from Syncfusion support.

Currently, we didn’t provide option to edit table width, cellpadding from our end. But you can customize the cellpadding and cell spacing by adding CSS from application end as follows

<style>

.e-richtexteditor .e-rte-content .e-content .e-rte-table {

border-spacing: 5px;

border-collapse: separate;

}

.e-richtexteditor .e-rte-content .e-content .e-rte-table td {

padding: 5px;

}

</style>

We have prepared sample for reference, check the below link

https://stackblitz.com/edit/5pkqds-sfst5j?embed=1&file=index.html

Regards,

Pandiyaraj

Reply | Reply with quote

S_Line

Replied On November 12, 2019 11:29 AM UTC

Hi, thank you for reply.

But, how about this screen (https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/images/table_properties.png), how can i access it?

Reply | Reply with quote

Pandiyaraj Muniyandi [Syncfusion]

Replied On November 13, 2019 12:58 PM UTC

Hi S_Line,

Sorry for the confusion.

Query: But, how about this screen (https://ej2.syncfusion.com/javascript/documentation/rich-text-editor/images/table_properties.png), how can i access it?

We can enable this option by configuring TableEditProperties in table collection of quickToolbarSettings API as follows

var defaultRTE = new ej.richtexteditor.RichTextEditor({

quickToolbarSettings: {

table: ['TableHeader', 'TableRows', 'TableColumns', 'BackgroundColor', '-', 'TableRemove', 'Alignments', 'TableCellVerticalAlign', 'Styles', 'TableEditProperties']

}

});

defaultRTE.appendTo("#defaultRTE");

Currently, edit properties dialog via provided cellpadding, cellspacing value applied to the table, due to control styles overriding it not working with Table. Already we have logged internal bug as “Table cellpadding, cellspacing customization not working in RichTextEditor” for this issue, we will fix and include in 2019 Volume 4 beta release which is scheduled on first week of December.

You can now track the current status of your request, review the proposed resolution timeline, and contact us for any further inquiries through this feedback link

https://www.syncfusion.com/feedback/10141/

Regards,

Pandiyaraj

Reply | Reply with quote

S_Line

Replied On November 13, 2019 02:04 PM UTC

No problem. It works fine now!

thank you for your assistance

Reply | Reply with quote

Gurunathan A [Syncfusion]

Replied On November 14, 2019 06:57 AM UTC

Hi S_Line,

Thanks for the update. We are happy to assist you.

Regards,

Gurunathan

Reply | Reply with quote

Pandiyaraj Muniyandi [Syncfusion]

Replied On December 4, 2019 06:15 AM UTC

Hi S_Line,

We have resolved "Table cellpadding, cellspacing customization not working in RichTextEditor" issue and included in 17.3.29 patch release. Kindly refer to below release notes section

https://ej2.syncfusion.com/documentation/release-notes/17.3.29/#richtexteditor

Sample: https://stackblitz.com/edit/5pkqds-l17msk?file=index.html

We suggest you upgrade the packages into the latest version.

Regards,

Pandiyaraj

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
149001	Nov 11,2019 05:50 PM UTC	Dec 4,2019 06:15 AM UTC	JavaScript - EJ 2	6

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US