Rows are not aligned properly under the Column headers in EditorGrid in GXt 2.2.3

Question

I Created an EditorGrid using GXT 2.2.3.Now the problem is rows are not aligned properly under the column header,they are slightly move to left side.

Please suggest how to resolve this.

Answer 1

I solved this by setting the padding and width of each column as below:

actioncolumn.setStyle("width:100%;");
actioncolumn.setStyle("padding-right:3px;");

Answer 2

We've had problems with column header alignment before...

If you are re-initializing your grid with reconfiure() calls, make sure the widget is attached to DOM. If widget is not attached, column width calculations won't be correct. I realized this while debugging deep inside GXT framework running in GWT dev mode.

In our case we are treating our display classes as singleton objects to speed up rendering. The alignment issue did not appear the first time, only when revisiting the already rendered place.

See my post: https://coderwall.com/p/tuqi6a