ZK Style Guide/XUL Component Specification/Listheader/Default

This is the Default mold for Listheader.

Source

The CSS source for Listheader from GitHub

Structure

Events

CSS\Action	Normal (Open)	Hover	Click, Select, and Drag.	Focus	Focus and Hover	Disable
Naming:	.z-listhead, .z-listheader
Supported:	V

Note: An exclamation mark(!) means that the action effect is done by CSS background , not CSS background-position

CSS Specification

Class Name	Description	Default Values
div.z-listbox-header tr.z-listhead	Background image	background-image: url(${c:encodeURL('~./zul/img/grid/s_hd.gif')}); background-color: #C7E5F1;background-repeat: repeat-x;
div.z-listbox-header th.z-listheader	Border and font size	overflow: hidden; border: 1px solid; border-color: #DAE7F6 #9EB6CE #9EB6CE #DAE7F6; white-space: nowrap; padding: 2px; font-size: ${fontSizeM}; font-weight: normal;
div.z-listbox-header th.z-listheader-sort div.z-listheader-cnt	Background of the content of the sort	cursor: pointer; padding-right: 9px; background:transparent url(${c:encodeURL('~./zul/img/sort/v_hint.gif')}); background-position: 99% center; background-repeat: no-repeat;
div.z-listbox-header th.z-listheader-sort-asc div.z-listheader-cnt	Background of the content of the ascendant sort	cursor: pointer; padding-right: 9px; background:transparent url(${c:encodeURL('~./zul/img/sort/v_asc.gif')}); background-position: 99% center; background-repeat: no-repeat;
div.z-listbox-header th.z-listheader-sort-dsc div.z-listheader-cnt	Background of the content of the descendant sort	cursor: pointer; padding-right: 9px; background:transparent url(${c:encodeURL('~./zul/img/sort/v_dsc.gif')}); background-position: 99% center; background-repeat: no-repeat;
div.z-listheader-cnt	Font size of the content	border: 0; margin: 0; padding: 0; font-family: ${fontFamilyC}; font-size: ${fontSizeM}; font-weight: normal;
div.z-listheader-cnt	Overflow	overflow: hidden