Error trying to set css on typescript to devextreme component

Question

I am using devextreme grid in my angular 5 app. When specific item is triggered the following code executes:

public setRowColor(e){
   e.rowElement.css("background-color","#d6dde7");
}

rowElement is one of the properties of row. I get the following error when this method executes:

ERROR TypeError: e.rowElement.css is not a function

when (onRowPrepared) is triggere in dx-data-grid – OjamaYellow Jan 05 '18 at 12:03 — OjamaYellow, Jan 05 '18 at 12:03
which version of devextreme you are using `17.1` or `17.2`? – Aravind Jan 05 '18 at 12:16 — Aravind, Jan 05 '18 at 12:16
I am using devextreme 17.1.7 – OjamaYellow Jan 05 '18 at 12:21 — OjamaYellow, Jan 05 '18 at 12:21

score 2 · Answer 1 · answered Jan 05 '18 at 13:26

2

Turns out this is breaking change with the new version of devextreme, so I needed to add:

import 'devextreme/integration/jquery';

answered Jan 05 '18 at 13:26

OjamaYellow

3

or use `e.rowElement.style.backgroundColor = '#d6dde7'` – yurzui Jan 05 '18 at 13:27
Thanks a million times.This saved my day. – Justus Ikara Feb 08 '18 at 08:34

1 Answers1