RadGrid Grouping/Styles

[KO]

So I have noticed some minor rendering issues with the RadGrid's we have been using in our current project, and was hoping I could get some help.

1. Currently when dragging columns to do grouping if the text inside a header has not wrapped but others have there is large white space around the "dragging" window. Please see the two attachments smalldrag and fulldrag. Even with the one that has had text wrapped inside of it some white space appears. Is there a way to eliminate this white space whenever dragging any column header?

2. Currently when the grid first initializes it will have horizontal scrolling and content will NOT be clipped/hidden in any of the table cells. This is how we want the grids to behave. However when we do the grouping operation columns become fixed, content in the cells gets heavily cropped, and the horizontal scrollbar goes away (very bad). Please see the two attachments pregroup and postgroup.

Thank you in advance for any assistance.

[Galin]

Hello Kelson,

For the first issue I can suggest the following CSS rules

body > div.RadGrid
{
    border: 0 none;
    background: transparent;
}

body > div table.rgMasterTable
{
    border-collapse: separate !important;
}

body > div table.rgMasterTable th
{
    border: 1px solid #4e75b3 !important;
}

Also, about the other issue I can suggest you to set TableLayout="Auto" to the MasterTableView.

I hope this helps.

All the best,
Galin
the Telerik team

[KO]

That definitely helps a bit!

1. Solved

2. No affect. Is there anything else we could try for this? We really need the grids to keep horizontal scrolling after grouping. If there is no way to do it just using CSS rules can you recommend the elements I should operate on in a script?

[Galin]

Hi Kelson,

In this case could you try the following CSS rule

.rgDetailTable,
.rgMasterTable
{
    table-layout: auto !important;
}

In case the issue persists could you send a sample project, which we can use to replicate the scenario?


All the best,
Galin
the Telerik team