Disable Cells Using Power Apps Grid Customizer Control


Disabling controls on a form is a common requirement for model-driven apps projects. This logic can also be applied to grids. Currently, grids can be made editable or non-editable, but disabling specific columns or cells based on dynamic conditions requires using JavaScript WebResources. By customizing the "OnRecordSelect" event and using the GridCell sdk: setDisabled function, specific columns or cells can be disabled. This approach works for both Editable Grid and Power Apps Grid. However, there are some cases where the user can still edit cells in Power Apps Grid. To address this, the Power Apps Grid customizer control can be used to host custom components inside the grid and disable cells. Several solutions are provided in the article, including using the CellEditorOverrides and CellRendererOverrides properties, as well as implementing custom controls and CSS for visual feedback. The complete code and implementation details can be found in the provided GitHub repository.


Article 22m

Login now to access my digest by 365.Training

Learn how my digest works
Features
  • Articles, blogs, podcasts, training, and videos
  • Quick read TL;DRs for each item
  • Advanced filtering to prioritize what you care about
  • Quick views to isolate what you are looking for right now
  • Save your favorite items
  • Share your favorites
  • Snooze items you want to revisit when you have more time