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