ultragrid.css

具备表头拖拽、交换列、排序、添加 、修改、删除、选择等等功能的。NET GRID

body
{
	background-color: buttonface;
	scroll: no;
	margin: 10px;
	border: none;
	margin:10px;
	overflow: auto;
	}

.coolDisabled
{
	display: block;
	background-color: GrayText;
	filter:	chroma(color=#010101) dropshadow(color=buttonhighlight, offx=1, offy=1);
	width: 100%;
}
.coolDisabled .coolDisabled
{
	background-color: transparent;
	filter:	gray()
			chroma(color=#ffffff) chroma(color=#fefefe) chroma(color=#fdfdfd)
			chroma(color=#fcfcfc) chroma(color=#fbfbfb) chroma(color=#fafafa)
			chroma(color=#f9f9f9) chroma(color=#f8f8f8) chroma(color=#f7f7f7)
			chroma(color=#f6f6f6) chroma(color=#f5f5f5) chroma(color=#f4f4f4)
			chroma(color=#f3f3f3)
			mask(color=#010101);
}


.coolMask
{
	behavior: url(UltraGridMask.htc);
    font-size: 10pt;
    font-family: Verdana, Arial, Helvetica
}


.coolMenu
{
	behavior: url(UltraGridMenu.htc);
	position: absolute;
	height: 1px;
	width: 1px;
	font: menu;
	background-color: menu;
	border-top: 2px outset buttonhighlight;
	border-left: 2px outset buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	visibility: hidden;
}
.coolMenu .coolMenuItem
{
	behavior: url(UltraGridMenuItem.htc);
	height: 20px;
	margin: 1px;
	padding-right: 25px;
	cursor: hand;
	overflow: hidden;
}
.coolMenu .coolMenuItem	IMG
{
	vertical-align: middle;
	margin-left: 1px;
	margin-right: 6px;
}
.coolMenu .coolMenuItem .coolMenuMore
{
	font-family: webdings;
}
.coolMenu .coolMenuDivider
{
	border: 1px inset;
	border-top-color: buttonshadow;
	border-bottom-color: buttonhighlight;
	height: 2px;
	overflow: hidden;
	margin-left: 2px;
	margin-top: 2px;
	margin-bottom: 2px;
}



.coolUltraGrid
{
	behavior: url(UltraGrid.htc);
	transparentImageUrl: images/transparent.gif;
	sortNoneImageUrl: images/sortBlank.gif;
	sortUpImageUrl: images/sortUp.gif;
	sortDownImageUrl: images/sortDown.gif;
	posUpImageUrl: images/uparrow.gif;
	posDownImageUrl: images/downarrow.gif;
	sortAscImageUrl: images/sort_ascending.gif;
	sortDesImageUrl: images/sort_descending.gif;
	editImageUrl: images/edit.gif;
	addRowImageUrl: images/addRow.gif;
	delRowImageUrl: images/deleteRow.gif;
	delRowsImageUrl: images/deleteRows.gif;
	fieldChooserImageUrl: images/fieldchooser.gif;
	background-color: window;
	color: menutext;
 	font: menu;
	highlightBackgroundColor: #C1D2EE;
	highlightBorderColor: #316AC5;
    cursor: default;
    overflow: hidden;
}
.coolUltraGrid .gridHead
{
	background-color: buttonface;
	height: 0px;
	width: 0px;
	visibility: hidden;
}
.coolUltraGrid .gridHead .gridRow
{
	height: 0px;
	width: 0px;
	cursor: hand;
}
.coolUltraGrid .gridHead .gridRow SPAN
{
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
	border-right: buttonshadow 1px solid;
	background-color: transparent;
	text-align: left;
	height: 0px;
	width: 0px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
	cursor: hand;
}
.coolUltraGrid .gridBody
{
	background-color: buttonface;
	visibility: hidden;
    overflow: auto;
}
.coolUltraGrid .gridBody .gridRow
{
	background-color: window;
	border: 1px solid window;
	height: 0px;
	width: 0px;
}
.coolUltraGrid .gridBody .gridRow SPAN
{
	background-color: transparent;
	text-align: left;
	height: 0px;
	width: 0px;
	padding-top: 1px;
	padding-left: 2px;
	padding-bottom: 2px;
	padding-right: 2px;
    overflow: hidden;
}



.coolWindowEx
{
 	behavior: url(UltraGridWindowEx.htc);
	transparentImageUrl: images/transparent.gif;
	restoreImageUrl: images/restore.gif;
	minimizeImageUrl: images/minimize.gif;
	maximizeImageUrl: images/maximize.gif;
	closeImageUrl: images/close.gif;
	position: absolute;
	border: outset 2px window;
	background-color: buttonface;
	overflow: hidden;
	cursor: default;
}
.coolWindowEx .windowCaption
{
	background-color: activecaption;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 4px;
	padding-right: 2px;
	margin: 2px;
	width: 100%;
	overflow: hidden;
	color: captiontext;
	font: caption;
	cursor: default;
	filter: Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=100, FinishY=0);
}
.coolWindowEx .captionButton
{
	position: absolute;
	top: 4px;
	border-left: 1px solid buttonhighlight;
	border-top: 1px solid buttonhighlight;
	border-bottom: 1px solid threeddarkshadow;
	border-right: 1px solid threeddarkshadow;
	background-color: buttonface;
	cursor: default;
}
.coolWindowEx .captionImage
{
	position: absolute;
	top: 3px;
	left: 3px;
	cursor: default;
}
.coolWindowEx .captionButton IMG
{
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	cursor: default;
}
.coolWindowEx .windowContent
{
	background-color: window;
	color: windowtext;
	font: window;
	padding: 0px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 3px;
	margin-bottom: 3px;
	width: 0px;
	height: 0px;
}