Temporarily set entire grid to read-only (disable input)

Tags: #<Tag:0x00007efc64dd99a8> #<Tag:0x00007efc64dd9840>
#1

The scenario:

  • Using the cells prop, individual cells are set to readOnly true/false based on various criteria.
  • After cell data input, the component makes a rest call to the server
  • While the rest call is in progress, I want the entire grid to be read-only.

Is there a simple way to temporarily disable input for the entire grid?

#2

Hi @bernt.brenna

I think in that case you can just set the entire table to be read only by setting readOnly: true as a global configuration setting, like in this example: https://jsfiddle.net/jndy86r0/

If that needs to be done temporarily, you can use the updateSettings() method to update the initial config, and the reset the option to false when needed.