recently I tried to combine alternating row colors in a grid with a row editor and stumbled across a problem. I used
to turn the feature on and with
grid.setStripeRows( true );
in my css I could set the color. I even used this
to prevent selected/highlighted rows to surpress the alternate color.
background-color: #F9F9F9 !important;
But when I want to edit a row, there seems to be a wrapper element to wrap all input elements in the edited row. I can adjust the style of the element via
Setting the background-color to white leads to an overlap of color in each row with an alternate color - which does not look nice.
Setting the background-color to transparent leads to a "bleed-through" of the underlying input elements - which is even worse. It looks worst when I use checkboxes, which are always not at the same position as the underlying checkbox elements.
Since the edited row is not attached with the alternate color class (".x-grid3-row-alt") of the corresponding row under it, there is no chance to fix this via CSS.
Any suggestions to solve this? Thanx in advance.