This is a migrated thread and some comments may be shown as answers.

RadGrid Grouping/Styles

3 Answers 93 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
KO
Top achievements
Rank 1
KO asked on 14 Jul 2012, 12:35 AM
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.

3 Answers, 1 is accepted

Sort by
0
Galin
Telerik team
answered on 18 Jul 2012, 04:37 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
KO
Top achievements
Rank 1
answered on 19 Jul 2012, 09:58 PM
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?
0
Galin
Telerik team
answered on 24 Jul 2012, 11:52 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Ajax
Asked by
KO
Top achievements
Rank 1
Answers by
Galin
Telerik team
KO
Top achievements
Rank 1
Share this question
or