Click here to Skip to main content
15,884,836 members
Articles / Desktop Programming / Windows Forms

DataGridView Custom Headers in VB.NET

Rate me:
Please Sign up or sign in to vote.
4.56/5 (16 votes)
9 Mar 2009CPOL3 min read 185.2K   8.7K   47  
How to give Custom Headers to your DataGridView
/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/pro_variable4.html
Copyright (c) 2005-2007 Stu Nic.navbarholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
.navbar a, 
#nav {padding:0 0 0 0px; margin:0; list-style:none; font: 10pt verdana, sans-serif; position:relative; z-index:200; height:24px;}
 
.navbar,
#nav ul {padding:0; margin:0; list-style:none; float:left; background:#488E00; border-top:1px solid #488E00; border-color:#488E00 #488E00 #488E00 #488E00;}


#nav li {float:left;}
#nav li li {float:none; border-left:1px solid #488E00; border-right:1px solid #488E00; }
#nav li li.last {border-bottom:1px solid #488E00; }

* html #nav li li {float:left;} /* a hack for  IE6 */
.navbar { border-style:none;}

.navbar a,
#nav li a {display:block; float:left; color:#fff; height:24px;  padding:0 12px 0 12px; line-height:24px; text-decoration:none; white-space:nowrap; font-weight:bold;}
#nav li a.down {}

#nav li li a {display:block; float:none; height:22px; line-height:22px; padding:0 5px 0 5px; font-weight:normal; letter-spacing:0px;}
#nav li li a.fly {}

.navbar a:hover,
#nav li:hover {position:relative; z-index:300;background-color: #C3DE6C;}
.navbar a:hover,
#nav li.cssplay_hover {position:relative; z-index:300; background-color: #C3DE6C;}
#nav li.cssplay_hover a {color:#000; background-color: #C3DE6C; }

#nav li li a {color:#fff;font-weight:bold;}
#nav li li.cssplay_hover a {color:#fff;font-weight:bold;}

#nav li:hover ul {left:0; top:24px; z-index:500;}
#nav li.cssplay_hover ul {left:0; top:24px; z-index:500;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

* html #nav ul {width:2px;}

#nav li:hover li:hover > ul {left:-5px; margin-left:100%; top:-1px; z-index:500;}
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto; }

#nav li:hover > a {color:#000 !important;background-color:#C3DE6C !important;font-weight:bold;}
#nav li li:hover > a {color:#000 !important; background-color:#C3DE6C !important;font-weight:bold;}

#nav li li a,
#nav li li li a,
#nav li li li li a,
#nav li li li li li a,
#nav li li li li li li a
{color:#fff !important; background-color:#488E00 !important; font-weight:bold; }


.navbar a:hover,
#nav li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover a
{color:#000 !important; background-color:#C3DE6C !important; font-weight:bold;}

#nav li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li a
{color:#000 !important; background-color:#C3DE6C !important;font-weight:bold;}

#nav li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul
{left:100%; margin-left:-5px; top:-1px;}

#nav li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul,
#nav li.cssplay_hover li.cssplay_hover li.cssplay_hover li.cssplay_hover ul ul
{position:absolute; left:-9999px; top:-9999px;}

By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.

If a file you wish to view isn't highlighted, and is a text file (not binary), please let us know and we'll add colourisation support for it.

License

This article, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)


Written By
Software Developer (Senior)
Italy Italy
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.

Comments and Discussions