I have customized my Extjs4 grid grouping implementation to hide the expand-collapse sign and prevent group header expansion for empty groups. However, I am facing an issue where a white 1px border is being created due to the following CSS class:
.x-grid-with-row-lines .x-grid-table {
border-top: 1px solid white;
}
In an attempt to override this styling, I added the following code to my CSS file:
.x-grid-with-row-lines .x-grid-table {
border-top: none;
}
Unfortunately, the border is still visible in black color as shown in the attached image. Can anyone provide a solution to remove this border when clicking on an empty group header? Thank you for any assistance.