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

vertical lines in radgrid

4 Answers 247 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Anjali
Top achievements
Rank 1
Anjali asked on 05 Mar 2013, 10:49 PM

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.

 

4 Answers, 1 is accepted

Sort by
0
Accepted
Shinu
Top achievements
Rank 1
answered on 06 Mar 2013, 07:22 AM
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
0
Anjali
Top achievements
Rank 1
answered on 06 Mar 2013, 04:27 PM
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>
0
Accepted
Shinu
Top achievements
Rank 1
answered on 07 Mar 2013, 05:36 AM
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
0
Anjali
Top achievements
Rank 1
answered on 11 Mar 2013, 05:58 PM
Thank you sir!!
Tags
Grid
Asked by
Anjali
Top achievements
Rank 1
Answers by
Shinu
Top achievements
Rank 1
Anjali
Top achievements
Rank 1
Share this question
or