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: "rgb(11, 121, 209)"

$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: "#56aff6"

$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: "#56aff6"

$gbc-TableWidget-mrs-color

Border color used to delimit MRS content in Table

Type: color

Default value: $ui-primary-color-faded

Computed value: "#56aff6"

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: number

Default value: 60

Computed value: 60

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

$gbc-TableWidget-min-page-size

Minimal page size 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 (if value is 'listview' table will be rendered as listview by default else it will be rendered as normal 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

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