Frozen"

From Documentation
Line 10: Line 10:
 
= Employment/Purpose =
 
= Employment/Purpose =
  
A frozen component to represent frozen "columns" in grid, like MS Excel.
+
A frozen component to represent frozen "columns" in a Grid, like MS Excel. Specify the <tt>start</tt> attribute to define the horizontal scroll starting position.
Using the "start"-attribute the horizontal scroll position can be defined.
 
  
 
= Example =
 
= Example =

Revision as of 10:34, 2 October 2018

Frozen

Employment/Purpose

A frozen component to represent frozen "columns" in a Grid, like MS Excel. Specify the start attribute to define the horizontal scroll starting position.

Example

ZKComRef Frozen Example.png
<grid width="600px">
	<frozen columns="2" start="1"/>
	<columns>
		<column width="50px">ID</column>
		<column width="50px">Priority</column>
		<column width="50px">Status</column>
		<column width="150px">Summary</column>
		<column width="250px">Detail</column>
		<column width="100px">Group</column>
		<column width="50px">Assign</column>
	</columns>
	<rows>
		<row>
			<cell>0001</cell>
			<cell>1</cell>
			<cell>closed</cell>
			<cell>Fix login issue</cell>
			<cell>Login does not work at all</cell>
			<cell>Account</cell>
			<cell>Bob</cell>
		</row>
		<row>
			<cell>0002</cell>
			<cell>3</cell>
			<cell>open</cell>
			<cell>Button style broken</cell>
			<cell>Check main.css</cell>
			<cell>Styling</cell>
			<cell>Alice</cell>
		</row>
		<row>
			<cell>0003</cell>
			<cell>2</cell>
			<cell>open</cell>
			<cell>Client search result</cell>
			<cell>Search service returns incomplete result</cell>
			<cell>Service</cell>
			<cell>Bob</cell>
		</row>
	</rows>
</grid>

Supported Events

Name
Event Type
None None

Supported Children

*ALL

Use Cases

Version Description Example Location
     

Version History

Last Update : 2018/10/02


Version Date Content
     


Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.