This is a migrated thread and some comments may be shown as answers.
Horizontal row grid lines
7 Answers 130 Views
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Jose
Top achievements
Rank 2
Jose asked on 22 Oct 2010, 07:26 PM
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

7 Answers, 1 is accepted

Sort by
0
Accepted
Alex Gyoshev
Telerik team
answered on 25 Oct 2010, 02:16 PM
Hi Jose,

.t-grid td {
    border-bottom: 1px solid #abcdef;
}

Hope this helps,
Alex Gyoshev
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Jose
Top achievements
Rank 2
answered on 25 Oct 2010, 03:06 PM
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
0
Accepted
Atanas Korchev
Telerik team
answered on 25 Oct 2010, 03:12 PM
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
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
0
Jose
Top achievements
Rank 2
answered on 25 Oct 2010, 06:06 PM
Hi Attanas,

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

Regards
Jose
0
Henry
Top achievements
Rank 1
answered on 09 Jun 2011, 06:41 AM
This approach is not working now on 2011Q1,517
0
Demon
Top achievements
Rank 1
answered on 09 Jun 2011, 08:01 AM
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;
}
0
Henry
Top achievements
Rank 1
answered on 09 Jun 2011, 12:23 PM
Make sure your CSS rule comes after the Grid skin.

Bingo! Many Thanks!
Tags
Grid
Asked by
Jose
Top achievements
Rank 2
Answers by
Alex Gyoshev
Telerik team
Jose
Top achievements
Rank 2
Atanas Korchev
Telerik team
Henry
Top achievements
Rank 1
Demon
Top achievements
Rank 1
Share this question
or