如何在 AG-Grid 中禁用 SELECT OPTION

Question

I'm trying to disable a dropdown element in AG-Grid and React. Like this example from W3Schools:

option value="volvo" disabled>Volvo

This will be a dynamically built dropdown and I can find no mention of the ability to do this using a cellEditor or cellEditorParams. I can find no evidence that disabling a dropdown option is possible in AG-Grid.

Answer 1

You can achieve this by using a custom cell renderer for that field ie

 {
     field: 'yourField',
     cellRenderer: 'selectboxRenderer',

    // Here **disable** is the prop that will get passed to your selectBoxRenderer
    // You can put your condition when based on which you want to disable
    // You will also have to receive that **prop** in your component
      cellRendererParams: {
          disable: ({ data }) => { 
              // Your condition here
          },
      }
 }