vertical lines in radgrid

[Anjali]

Hi All,

 Is it possible to show only vertical lines in radgrid without any borders. I mean just a seperator of vertical line between columns. I don't want any borders an seperators between grid header and rows.

any help will be appreciated.

Thanks.

 

[Shinu]

Hi,

Try the following CSS.
CSS:

.RadGrid_Office2007 .rgRow td, .RadGrid_Office2007 .rgAltRow td, .RadGrid_Office2007 .rgEditRow td, .RadGrid_Office2007 .rgFooter td
      {
          border-bottom-style: none !important;
      }
      .RadGrid_Office2007 .rgHeader, .RadGrid_Office2007 th.rgResizeCol
      {
          border-bottom-style: none !important;
      }

Thanks,
Shinu

[Anjali]

I applied the style sheet, but I am not getting any vertical lines. I am not getting any borders which is fine, but I am not getting any vertical lines either. This is how my radgrid looks like

 

<telerik:RadGrid ID="RadGrid_HeaderData1" AllowSorting="false" AllowPaging="false"
                                                                           runat="server" GridLines="Vertical" Visible="true" ShowHeader="true"
                                                                           Font-Size="8pt" CssClass="RadGrid_Office2007">
                                                                           <SelectedItemStyle BackColor="Fuchsia" BorderColor="Purple" BorderStyle="Dashed"
                                                                               BorderWidth="0px" />
                                                                           <ExportSettings ExportOnlyData="true" />
                                                                           <MasterTableView RetrieveAllDataFields="true" AutoGenerateColumns="false" Font-Size="8pt">
                                                                               <Columns>

                                                                               </Columns>
                                                                           </MasterTableView>
                                                                       </telerik:RadGrid>

[Shinu]

Hi,

You will not be able to change the RadGrid appearance by using its GridLines property, because the vertical borders are defined in the Default skin. I was able to show vertical lines with the above CSS.
Attached is the screenshot.

Thanks,
Shinu

[Anjali]

Thank you sir!!