Grid

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;

Header part

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;

Body part

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;

Footer part

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;