DevExpress Angular changing the format for current row/column doesn't take effect till...

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

Continue reading...