Grid

Grid
Prev	1. XUL Components	Next

Grid has two molds default and paging.

In default mold, Grid is composed of three parts, header part, body part, and footer part as follows.

CSS Definition	Description	Default Values
`div.grid`	`The outline of grid`	`background: #DAE7F6; border: 1px solid #7F9DB9; overflow: hidden;`

CSS Definition	Description	Default Values
`div.grid-head`	`The outline of` `header`	`border: 0; overflow: hidden; width:` `100%;`
`div.grid-head tr`	`TR tag`	`border: 0; overflow: hidden; width: 100%;`
`div.grid-head th`	`TH tag`	`overflow: hidden; border: 1px solid;` `border-color: #DAE7F6 #9EB6CE #9EB6CE #DAE7F6;` `white-space: nowrap; padding: 2px;` `font-size: small; font-weight: normal;`
`div.head-cell-inner`	`The content of the header`	`font-size: small; font-weight: normal; font-family: Tahoma, Garamond, Century, Arial, serif;` `border: 0; margin: 0; padding: 0;` `overflow: hidden;`

CSS Definition	Description	Default Values
`div.grid-body`	`The outline of body`	`background: white; border: 0; overflow: auto; width: 100%;`
`table.grid-btable`	`TABLE tag`
`tr.grid`	`TR tag`
`td.gc`	`TD tag`	`padding: 2px; overflow: hidden;`
`div.gc`	`The content of the body`	`font-size: small; font-weight: normal; color: black;`
`div.cell-inner`	`The content of the body`	`border: 0; margin: 0; padding: 0;`
`td.grid td.gc`	`TD tag`	`background: white; border-top: none; border-left: 1px solid white;` `border-right: 1px solid #CCC; border-bottom: 1px solid #DDD;`

CSS Definition

Description

Default Values

div.grid-foot

The outline of footer

border: 0; overflow: hidden; width: 100%;

background: #DAE7F6; border-top: 1px solid #9EB6CE;

div.foot-cell-inner

The content of footer

border: 0; margin: 0; padding: 0;

overflow: hidden;

Prev	Up	Next
Grid Paging	Home	Groupbox 3D