Image:stop.png This documentation is for an older version of ZK. For the latest documentation please click here.
Listheader
Single Page

Listheader

Listhead and Listheader are used for Listbox .

Note:

Mold: Default

Structure:

Overview

Events:

Action:

Normal (Open)

Hover

Click, Select, and Drag.

Focus

Focus and Hover

Disable

CSS naming:

z-list-head,

z-list-header

Supported

V

CSS Specification:

Class Name

Description

Default Values

div.z-listbox-header tr.z-list-head

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-list-header

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-list-header-sort div.z-list-header-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-list-header-sort-asc div.z-list-header-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-list-header-sort-dsc div.z-list-header-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-list-header-cnt

Font size of the content

border: 0; margin: 0; padding: 0; font-family: ${fontFamilyC}; font-size: ${fontSizeM}; font-weight: normal;

div.z-list-header-cnt

Overflow

overflow: hidden