Errors with Table Commands

Hello, 

I am using a pretty standard Angular Rich Text Editor and receiving the following errors when trying to manipulate a table: 


This happens anytime I try to add a new column on the left or right, add a new row above or below or delete an existing column or row from the toolbar. 

However, it does work with the QuickToolbar. Is this expected? I don't see anything in the documentation that says these buttons won't work in the main toolbar. 

Any help would be appreciated. Thank you!


3 Replies

BS Buvana Sathasivam Syncfusion Team May 10, 2022 01:43 PM UTC

Hi Eric,


We were able to reproduce your reported issue when toolbar items were specified with ‘TableColumns’ or ‘TableRows’ and without focusing the table. You can insert or delete the rows or columns using the quick toolbar without any errors. The Quick Toolbar is the best way to modify the tables. If you wish to access the TableColumns or TableRows using the main toolbar, you need to focus on the table. 

Sample: https://stackblitz.com/edit/angular-8uvzji?file=app.component.ts


Can you please confirm to us that you wish to disable the "TableColumns" or "TableRows" in the main toolbar items when without focusing on the table and without using the quick toolbar?


Regards,

Buvana S



ER Eric R replied to Buvana Sathasivam May 10, 2022 01:49 PM UTC

Hi Buvana, 


Thank you for your prompt reply. I will just remove the TableColumns and TableRows options from the toolbarSettings array. 


Thank you!


Sincerely, 


Eric R.



PO Prince Oliver Syncfusion Team May 11, 2022 05:27 AM UTC

Most welcome, we are glad to assist you.


Loader.
Up arrow icon