[Solved] Vertical scrollbar obscures GridClientSelectColumn

[Simon Norburn]

Hi
I have a radgrid consisting of a GridClientSelectColumn on the left and a GridBoundColumn on the right like this:

 

<Columns>

 

 

<telerik:GridClientSelectColumn UniqueName="ClientSelectColumn" />

 

 

<telerik:GridBoundColumn DataField="MailingEnvelopeID" DataType="System.Int32" HeaderText="MailingEnvelopeID" ReadOnly="True" SortExpression="MailingEnvelopeID" UniqueName="MailingEnvelopeID" Visible="False">

 

 

<HeaderStyle Width="0px">

 

 

</HeaderStyle>

 

 

</telerik:GridBoundColumn>

 

 

 

<telerik:GridBoundColumn DataField="MailingEnvelope" HeaderText="Mailing Envelope" ReadOnly="True" SortExpression="MailingEnvelope" UniqueName="MailingEnvelope">

 

 

<HeaderStyle Width="320px">

 

 

</HeaderStyle>

 

 

</telerik:GridBoundColumn>

 

 

</Columns>

 

As long as there is less data than available rows on the screen the control

displays perfectly.  When additional rows arise a vertical scrolbar appears

on the right hand side and the displaced GridBoundColumn partially obscures the

GridClientSelectColumn.  Furthermore as the text in the header is slightly

larger than the default size there is an unsightly gap at the top right of the

scrollbar which is caused by the header for the scrollbar remaining at the

default height. Could you advise on how best to handle these

issues? Thanks Simon.

[Dimo]

Hello Simon,

In some scenarios it is good to have one column with a non-fixed width, so that it adjusts automatically, according to the available space. Please try setting a valid pixel width to the ClientSelectColumn and leave the BoundColumn with no width.

As for the problem with the top-right misalignment, please add the following CSS rule to your web page:

.RadGrid  th  input
{
      margin: 0;
      padding: 0;
      height: 14px;
}


The above CSS styles are included in the latest RadGrid skins by default.


Best wishes,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.