I've spent a tremendous amount of time running circles around this problem. I apologize in advance for not listing everything I have tried in this question.

My problem as stated in the title is that when I change a css value for a row in devexpress datagrid it DOES change for that row only.

However when I change the column format it changes for the subsequent rows not the active row like a css change does.

Setup

data grid handler is onRowPrepared

<dx-data-grid ..... (onRowPrepared)="onRowPrepared($event)">

data grid instance

@ViewChild(DxDataGridComponent) appDataGrid: DxDataGridComponent;

handler

onRowPrepared(e: DxDataGridTypes.RowPreparedEvent) {

   console.log(e);
   if (e.rowType === 'data' && ... ) 
   {
     e.columns[3].format = '#000%';
     //this.appDataGrid.instance.repaintRows([e.rowIndex + 1]);
   }
}

Results

As you can see from the comments I've tried repaintRows and that doesn't work either.

When I switch my handler type to DxDataGridTypes.Row

onRowPrepared(e: DxDataGridTypes.Row)

The console shows that columns is part of the Row object....

but I am unable to access it?? (Indexer of 3 is valid)

Am I doing something wrong or is this a bug?

TIA