make some grid columns editable and others readonly

[edwardsmarkff]

hello –

editing: {
enabled: true,
mode: 'cell'
},

this appears to make the entire row editable.  is there any way to make specific cells read-only and others editable?  i tried (guessed) this to no avail:
label: 'First Name', dataField: 'firstName', editable: false, readonly: true

• This topic was modified 2 years, 3 months ago by edwardsmarkff.
• This topic was modified 2 years, 3 months ago by edwardsmarkff.
• This topic was modified 2 years, 3 months ago by edwardsmarkff.

[svetoslav_borislavov]

Hi,

To disable editing of a column you can set the allowEdit property to false!
Look at this demo: https://codepen.io/svetoslavb04/pen/JjLaoeV
The first three columns are disabled for editing

If you need further help, do not hesitate to contact us!

 

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Ronak Patel]

Hello,

I have used Smart.Grid for angular project.

I want something that only a few cells or rows are editable based on a few conditions.

How can i do that any property because i checked the doc but didn’t get anything like that.

Thanks

[svetoslav_borislavov]

Hi,

The only option to do this is to use the beginEdit event.
In the handler, you have access to the currently edited row or cell.
Having an access to it, you can determine whether to cancel the editing or not.
If you want to cancel it invoke the ‘cancelEdit’ method.

Here is an example of the following behaviour: https://codepen.io/svetoslavjqwidgets/pen/mdGqOrX

I hope this helps resolve the problem!

Best Regards,
Svetoslav Borislavov

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts