Hello, 

I have changed one header from datagrid using innerHTML in headerbehaviors function like this:

cell.innerHTML = "<CENTER>Test<br>Example</CENTER>"; in order to break line but I lost class EglRuiDataGridSortUp with arrowup.gif.

How could it be visible again with the newline of course.

Thanks

Hi Michael,

In order to break line, you can just change the column displayName like:

columns = [
            new DataGridColumn{name = "field1", displayName = "Column 1<br/>Example", width=120},
            new DataGridColumn{name = "field2", displayName = "Column 2 Header", width=120}
        ],

And change the css for the cell header height like:

.EglRuiDataGridHeaderCell span {
    display: block;
    height: 2.6em;
}