VERTICAL GRID LINES NOT SHOWING UP IN RAD GRID(DEFAULT SKIN)

[Ajay]

Hi Telerik Guys !

I have a problem with the DEFAULT SKIN of RAD GRID.

I have applied the following property named  GridLines="Vertical" to the DEFAULT SKIN of the RAD GRID . but chnages havent been reflected on to the runtime of the GRID.

I dont know whats the problem ??

Please solve.

[Daniel]

Hello Ajay,

Try the following:

    <style type="text/css">
        .rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td
        {
            border-left: solid 1px black !important;
        }
    </style>

ASP.NET Controls - Grid Forum - Vertical grid lines in Forest skin
ASP.NET Controls - Grid Forum - GridLines in Radgrid

Regards,
Daniel
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.

[Gijo]

I have got the same problem.
This worked in ie, not in firefox. Any thoughts.

Thanks,
Gijo Joseph

[Daniel]

Hello Gijo,

Please modify the CSS code-snippet as demonstrated by Dimo in the first link:
ASP.NET Controls - Grid Forum - Vertical grid lines in Forest skin

div.RadGrid_SKINNAME .rgHeader,
div.RadGrid_SKINNAME th.rgResizeCol,
div.RadGrid_SKINNAME .rgFilterRow td,
div.RadGrid_SKINNAME .rgRow td,
div.RadGrid_SKINNAME .rgAltRow td,
div.RadGrid_SKINNAME .rgEditRow td,
div.RadGrid_SKINNAME .rgFooter td
{
      ...
}

You should replace SKINNAME with the actual skin used in your scenario.

Regards,
Daniel
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[KUNAL]

Best Solution So far!!

use style as :

.rgRow td, .rgAltRow td, .rgHeader td, .rgFilterRow td 
        { 
                        
                        border-bottom: solid .15px #eae8e8!important;
                        border-bottom-color:#eae8e8;
        } 

 

 

And simply assign the cssclass of your radgrid something like below:
CssClass="rgRow"

My requirement was to get a very thin gray line. If you want anything else, you can customize the stye I mentioned above:
1. change the color code to whatever you need
2. If you need some thick lines change the .15px to 1 px, and there you go!!

Thanks