[Data Grid Reactive] editable cell cannot be easily found
Question
Forge component by OutSystems R&D

 its difficult to find the editable cell because the style is basically same as the non-editable cell.

can i change the cell style when the cell editable?

Hello Jiro Yamada,

Thanks for bringing this subject to the discussion.

You will need to use the aria-readonly selector which can be found on the DOM if you inspect the cells of the grid.



A possible solution would be to use the following CSS:

.wj-cell.wj-alt[aria-readonly=true],

.wj-cell[aria-readonly=true],

.wj-cell.wj-state-active[aria-readonly=true],

.wj-cell.wj-state-multi-selected[aria-readonly=true]{

    background-color: rgba(125,125,125,0.3);

    color: rgba(125,125,125,0.3);

}


You might need to pay special attention to the background of those cells or any other property because those configurations might be already in use by Wijmo's CSS template.

Best regards,

Tiago Pereira

your solution is nice

but i changed the editable property of a single cell by using the following way:

https://www.outsystems.com/forums/discussion/69556/does-datagrid-support-changeing-the-editable-properties-of-a-single-cell/


your solution highlights the cells  which are not editable by the above way also as editable.

Hello Jiro Yamada,

I’m sorry, I didn’t understand. Would you mind explaining your use case again?

My previous solution was meant to change the styling of non-editable (readonly) cells.


Best regards,

Tiago Pereira

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.