CODEWITHSUNDEEP
ag-grid
Thom Smith
Thom Smith

Reputation: 14086

Modify an ag-grid row after rendering

I need to slightly modify a ag-grid row after it has been rendered. In ag-grid, the actual HTML elements are not necessarily persistent, so manually-set styles may fall off.

For one thing, I have to modify the selection checkbox to set its tabindex to -1. This can technically be done in the cellRenderer callback, although it looks quite hacky. (The checkbox can be found at params.eGridCell.children[0].children[0].wrappedElement.)

But I also have to add a CSS class to some rows to highlight them based on external criteria. I haven't found a way to do this at all.

The best solution would seem to be using some sort of after-rendering callback, but to my knowledge no such thing exists.

I found a couple of related questions, but they were both resolved via cellStyle, which would not suffice here:

Upvotes: 3

Views: 7517

Answers (1)

tfrascaroli
tfrascaroli

Reputation: 1219

You have not 1 but 3 options:

getRowClass(params):

Callback version of property 'rowClass'. Function should return a string or an array of strings.

getRowStyle(params):

Callback version of property 'rowStyle'. Function should return an object of CSS values.

processRowPostCreate(params):

Allows you to process rows after they are created. So do final adding of custom attributes etc.

In this last one you have the row in params.eRow.

All taken from https://www.ag-grid.com/javascript-grid-callbacks/index.php

Upvotes: 4

Related Questions