How to prevent adding and removing columns in the spreadsheet component

1 Answer 18 Views
Spreadsheet
Doug
Top achievements
Rank 1
Iron
Iron
Veteran
Doug asked on 27 Jun 2025, 04:48 PM

I need to lock down the spreadsheet and prevent the user from adding or removing columns. I'd like to hide the highlighted items in the context menu below. How can I accomplish this?

1 Answer, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 29 Jun 2025, 10:21 PM

Hello Doug,

The Spreadsheet does not have a parameter dedicated to disabling/enabling the context menu options you listed, but you can hide them with CSS: 

<style>
    .k-menu-item:has(.k-menu-link .k-svg-i-table-column-insert-left),
    .k-menu-item:has(.k-menu-link .k-svg-i-table-column-insert-right),
    .k-menu-item:has(.k-menu-link .k-svg-i-table-column-delete)
    {
        display: none;
    }
</style>

Here's an example that shows the effect of the CSS rule posted above: https://blazorrepl.telerik.com/wzaqQZwc20hdvW6f24 

Regards,
Ivan Danchev
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Doug
Top achievements
Rank 1
Iron
Iron
Veteran
commented on 30 Jun 2025, 03:13 PM

Perfect, thank you!
Tags
Spreadsheet
Asked by
Doug
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Ivan Danchev
Telerik team
Share this question
or