-
Hi, In my data grid there are 4 editable columns, but as I toggle edit mode only the first editable cell of the row is highlighted. I want to highlight all 4 editable cells. Please provide me a solution. Edit Icon click: |
Beta Was this translation helpful? Give feedback.
Replies: 1 comment 1 reply
-
Hi @kevalgw, I believe you will find the Grid Conditional Cell Styling topic in our documentation very helpful on the matter. There you will find examples on how to apply conditional CSS classes or styles, based on some properties of the cells’ data, column, etc. For your convenience, I have prepared this sample demonstrating how all the editable cells of a row that has a cell in edit mode are also “highlighted” with a border. The condition in this case is the following:
It can be set on only the editable columns, or on the others as well (the
Regarding the CSS style itself, please, feel free to specify a look as per your own requirements. Nevertheless, as you will see in the Finally, an important aspect of this solution is to refresh the applied cell classes on each cell edit enter and exit. This can be achieved by handling the cellEditEnter and cellEditExit events and executing the following to “refresh” the cell classes object:
I hope these suggestions help. |
Beta Was this translation helpful? Give feedback.
Hi @kevalgw,
I believe you will find the Grid Conditional Cell Styling topic in our documentation very helpful on the matter. There you will find examples on how to apply conditional CSS classes or styles, based on some properties of the cells’ data, column, etc.
For your convenience, I have prepared this sample demonstrating how all the editable cells of a row that has a cell in edit mode are also “highlighted” with a border. The condition in this case is the following: