Vertical alignment issue with rows on load

[James]

I have noticed that at times, there is an issue with the display of data in the grid rows. It's hard to explain, but the text does not line up with the row as it should - it usually displays at the bottom of the row, or even slightly outside of the row. When alternating item styles are used this issue is more noticeable, as part of the text will show up in another row. When you hover over the misaligned rows however, they will move back to their proper place and stay there until the next form post. In my experience, it seems that this happens when the grid is ajaxified most of the time too. It's possible that this is a browser issue too, but I'm hoping that there is a way to fix it. It's not a show stopper, but it puts a small dent in an otherwise meticulously consistent interface.

It doesn't happen frequently, and thus is kind of hard to reproduce, but I have included a screenshot which illustrates the problem - if you look at the header row, you will see that the alignment of the column headers is inconsistent. Something similar to this happens with the rows as well.

Can someone explain why this happens, and what I can do to fix it? Thanks!

[Dimo]

Hi James,

Is the problem reproduced in IE only? It looks like a browser bug to me. Such issues are usually worked around by applying a zoom:1 CSS style to a suitable element (e.g. in your case this might be the RadGrid wrapper <div> or the MasterTableView <table>, or the table rows/cells).

If you need further assistance, please provide a runnable demo, so that we can test it locally.

All the best,
Dimo
the Telerik team