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

Detail

Detail is used for Grid .

Note:

Mold: Default

Structure:

Overview

Events:

Action:

Normal (Open)

Hover

Click, Select, and Drag.

Focus

Focus and Hover

Disable

CSS naming:

z-detail

Supported

V

CSS Specification:

Class Name

Description

Default Values

tr.z-row td.z-detail-outer

Background

background: #bae2f0 url(${c:encodeURL('~./zul/img/grid/detail-bg.gif')}) repeat-y left; vertical-align: top; border-top: none; border-left: 1px solid white; border-right: 1px solid #CCC; border-bottom: 1px solid #DDD;

.z-detail-img

Background of image icon

background-image: url(${c:encodeURL('~./zul/img/grid/row-expand.gif')}); width: 100%; height: 18px; background-position: 4px 2px; background-repeat: no-repeat; background-color: transparent;