Start Building Professional
Web Apps Today

Specific cell alignment for headers and footers

I am trying to have the first column of my headers and footers be left aligned while all other rows are right aligned.

I tried:

mygrid.addRow('header'+Header,'<div style="text-align:left;">New Header</div>',selId);

But when I try to edit my header name, I see the whole div tag.

Is there an easier way to do this without using CSS?

You can assign styles directly to cell of grid

mygrid.addRow('header'+Header,'New Header',selId);
mygrid.setCellTextStyle('header'+Header,0,"text-align:left");