Click here to Skip to main content
11,583,859 members (65,002 online)
Click here to Skip to main content
Articles » Web Development » ASP.NET » General » Downloads
Add your own
alternative version

Row Expand Collapse using JQuery and Ajax

, 18 Aug 2010 CPOL 55.6K 2K 34
This article describes how to expand and collapse rows of a GridView or Table and showing data details using Jquery and Ajax
RowExpandCollapse.zip
RowExpandCollapse
App_Code
App_Data
DbProduct.mdf
DbProduct_log.LDF
css
images
coolpix.jpg
dellinspiron.jpg
spypen.jpg
js
RowExpandCollpase.zip
App_Code
App_Data
DbProduct.mdf
DbProduct_log.LDF
css
images
coolpix.jpg
dellinspiron.jpg
spypen.jpg
js
body {
	font: normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	background: #E6EAE9;
}

#mytable {
	width: 700px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 700px;	 
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}

th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background: #CAE8EA url(images/bg_header.jpg) no-repeat;
}


td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

tr td:hover
{background: -moz-linear-gradient(center top, transparent, transparent 49%, rgba(2,37,58,0.5) 50%, rgba(63,111,135,0.5));
                    background: -webkit-gradient(linear, center top, center bottom, from(transparent), to(rgba(63,111,135,0.5)));
	}

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)

Share

About the Author

jayantbramhankar
Student
India India
I'm student (CE).

You may also be interested in...

| Advertise | Privacy | Terms of Use | Mobile
Web03 | 2.8.150603.1 | Last Updated 18 Aug 2010
Article Copyright 2010 by jayantbramhankar
Everything else Copyright © CodeProject, 1999-2015
Layout: fixed | fluid