Table

Variables to customize Table

$gbc-TableWidget-margin-ratio

Margin ratio for Table (ratio applied to gbc-TableWidget-table-margin)

Type: number

Default value: $ui-margin-ratio

Computed value: "0.6"

$gbc-TableWidget-font-size-ratio

Font size ratio for Table

Type: number

Default value: $ui-font-size-ratio

Computed value: "0.8"

$gbc-TableWidget-padding

Padding for Table

Type: size

Default value: $gbc-TableWidget-margin-ratio* 10px

Computed value: "6px"

$gbc-TableWidget-table-margin

Margin for Table

Type: size

Default value: $ui-margin-ratio* 10px

Computed value: "6px"

Alias (for compatibility): $gbc-table-margin,theme-table-margin

$gbc-TableWidget-items-horizontalPadding

Horizontal padding for Table

Type: size

Default value: $gbc-TableWidget-margin-ratio* 7px

Computed value: "4.2px"

$gbc-TableWidget-items-verticalPadding

Vertical padding for Table

Type: size

Default value: $gbc-TableWidget-margin-ratio* 5px

Computed value: "3px"

$gbc-TableWidget-border-color

Border color for Table

Type: color

Default value: $mt-field-border-color

Computed value: "rgb(224, 224, 224)"

$gbc-TableWidget-focus-border-color

Border color for Table when focused

Type: color

Default value: $mt-field-focus-border-color

Computed value: "rgba(11, 121, 209, 0.9)"

$gbc-TableWidget-inner-border-color

Grid color for Table

Type: color

Default value: $ui-border-color

Computed value: "rgb(224, 224, 224)"

$gbc-TableWidget-field-background-color

Background color for fields in Table

Type: color

Default value: $ui-field-color

Computed value: "rgb(255, 255, 255)"

$gbc-TableWidget-currentRow-background-color

Background color for fields in current row of Table

Type: color

Default value: $mt-list-currentrow-background-color

Computed value: "rgb(11, 121, 209)"

$gbc-TableWidget-unfocused-currentRow-background-color

Background color for fields in current row of Table when unfocused

Type: color

Default value: $ui-primary-color-faded

Computed value: "rgba(11, 121, 209, 0.4)"

$gbc-TableWidget-currentRow-color

Text color for fields in current row of Table

Type: color

Default value: $mt-list-currentrow-color

Computed value: "rgb(255, 255, 255)"

$gbc-TableWidget-unfocused-currentRow-color

Text color for fields in current row of Table when unfocused

Type: color

Default value: $ui-text-icon-color

Computed value: "rgb(31, 31, 31)"

$gbc-TableWidget-even-row-background-color

Background color for fields in Table on even rows (when using 'alternate rows' flag)

Type: color

Default value: $ui-background-color

Computed value: "rgb(247, 247, 247)"

Alias (for compatibility): $gbc-alternate-row-background-color,theme-alternate-row-background-color

$gbc-TableWidget-odd-row-background-color

Background color for fields in Table on odd rows (when using 'alternate rows' flag)

Type: color

Default value: $ui-field-color

Computed value: "rgb(255, 255, 255)"

$gbc-TableWidget-header-color

Background color for header in Table

Type: color

Default value: $ui-field-color

Computed value: "rgb(255, 255, 255)"

$gbc-TableWidget-header-disabled-color

Background color for header in Table when disabled

Type: color

Default value: $ui-border-color

Computed value: "rgb(224, 224, 224)"

$gbc-TableWidget-hover-color

Background color for Table selection area (to be clarified)

Type: color

Default value: $ui-primary-color-faded

Computed value: "rgba(11, 121, 209, 0.4)"

$gbc-TableWidget-mrs-color

Border color used to delimit MRS content in Table

Type: color

Default value: $ui-primary-color-faded

Computed value: "rgba(11, 121, 209, 0.4)"

Alias (for compatibility): $gbc-TableWidget-mrs-border-color

$gbc-TableWidget-treeview-collapsed-icon

Icon used when a treeview node is collapsed

Type: string

Default value: "chevron-right"

Computed value: "chevron-right"

$gbc-TableWidget-treeview-expanded-icon

Icon used when a treeview node is expanded

Type: string

Default value: "chevron-down"

Computed value: "chevron-down"

$gbc-TableWidget-treeview-leaf-icon

Icon used when a treeview node is a leaf

Type: string

Default value: "blank"

Computed value: "blank"

$gbc-TableWidget-min-width

Minimal width of a table

Type: size

Default value: 60

Computed value: 60

Alias (for compatibility): $table-min-width,theme-table-min-width

$gbc-TableWidget-min-page-size

Minimal page size (aka amount of rows) of a table

Type: number

Default value: 1

Computed value: 1

Alias (for compatibility): $table-min-pageSize,theme-table-min-page-size

$gbc-TableWidget-focused-cell-border-width

Border width of Table when focused

Type: size

Default value: "1px"

Computed value: "1px"

$gbc-TableWidget-rowBound-onEachRow

Flag to set rowbound indicator on each row. When unset, rowbound indicator is only on current row.

Type: boolean

Default value: false

$gbc-table-default-widget

Gbc default widget used to render table. Behavior can still be override by 4ST (tableType).

Type: string

Default value: "table"

Computed value: "table"

Alias (for compatibility): $theme-table-default-widget

$gbc-table-minimal-row-height

Define the minimal table row height in pixels

Type: number

Default value: 24

Computed value: 24

Alias (for compatibility): $theme-table-minimal-row-height

$gbc-table-minimal-row-height-on-touchscreen

Define the minimal table row height in pixels only for mobile

Type: number

Default value: 32

Computed value: 32