alignment problem when hiding columns and set different widths for different columns

There is a serious alignment problem going on between the header and the vertical grid lines, when the grid has hidden columns (using setColumnIndices) and if setColumnWidth is used to set different widths for different columns.

The problem show when scrolling the horizontal scroll bar to the right.

This is different from the problem reported before, which was solved with CSS padding-right:3px. So I did my homework and searched the forum before reporting this problem.

I am using version 2.5.5

Thanks.

http://www.activewidgets.com/javascript.forum.26661.2/couple-of-bugs-column-resize.html
If that does not fix it, then try using
getColumnTemplate(y).setStyle('width', Array[y] + 'px') in a for loop or by each single column.
getColumnTemplate(0).setStyle('width', '100px')

Should be obj.getCellTemplate(0).set....

Thanks for the reply.

getCellTemplate().setStyle did not do it. However, adding a hidden dummy column at the end seems to have fixed it.

Use obj.setColumnWidth(Width,colIndex)