Horizontal row grid lines

[Jose]

Hello,

Just and stupid question from a noob... how can I to show horizontal grid lines in the grid control?
I'm coloring my rows and I found difficult to read rows when the same color is applied to adjacent rows.

Columns grid lines appear always but is not the case with row lines.

Regards
Jose

[Alex Gyoshev]

Hi Jose,

.t-grid td {

    border-bottom: 1px solid #abcdef;

}

Hope this helps,
Alex Gyoshev
the Telerik team

[Jose]

Hi Alex,

Thank you very much for your help.
I've added this line:

        .HtmlAttributes(new { style = ".t-grid td { border-bottom: 1px solid #abcdef; }" })

to my grid but no horizontal line appear.
Any idea?
Regards
Jose

[Atanas Korchev]

Hello Jose,

 You cannot apply CSS styles like that. That code must be added either in a style tag:

<style type="text/css">

.t-grid td {

    border-bottom: 1px solid #abcdef;

}
</style>

or to your web site CSS.

Regards,
Atanas Korchev
the Telerik team

[Jose]

Hi Attanas,

Thank you very much.
With these inline code works fine.

Regards
Jose

[Henry]

This approach is not working now on 2011Q1,517

[Demon]

The CSS rule is working in my project. Have you checked what Firebug says? Make sure your CSS rule comes after the Grid skin.

On the other hand, it is better to use this, otherwise the last column may appear with no bottom border:

.t-grid td ,
.t-grid td.t-last
 {
    border-bottom: 1px solid red;
}

[Henry]

Make sure your CSS rule comes after the Grid skin.

Bingo! Many Thanks!