v7.3.0

Header
internal

The Grid header, which contains simple columns but also allows grouped columns. One instance is created and used per SubGrid automatically, you should not need to instantiate this class manually. See Column for information about column configuration.

No results

Properties

Properties are getters/setters or publicly accessible variables on this class
  • isHeader : Booleantrue
    READONLY
    static
    ADVANCED
    Identifies an object as an instance of Header class, or subclass thereof.
  • isHeader : Booleantrue
    READONLY
    ADVANCED
    Identifies an object as an instance of Header class, or subclass thereof.

Functions

Functions are methods available for calling on the class
    • fixHeaderWidths( )
      private

      Fix header widths (flex or fixed width) after rendering. Not a part of template any longer because of CSP

    • getColumnConfig( )
      private

      Recursive column header config creator. Style not included because of CSP. Widths are fixed up in fixHeaderWidths

    • initDepths( )
      private

      Depths are used for styling of grouped headers. Sets them on meta.

    CSS variables

    CSS variables that can be set to adjust appearance
    Name Description
    --b-grid-header-background Grid header background color
    --b-grid-header-border-color Grid header border color
    --b-grid-header-border-width Grid header border width (for header "cells"). By default same as cell border width
    --b-grid-header-box-shadow Grid header box-shadow
    --b-grid-header-color Grid header text color
    --b-grid-header-container-border-width Grid header container border width (the entire header)
    --b-grid-header-font-size Grid header font size
    --b-grid-header-font-weight Grid header font weight
    --b-grid-header-gap Grid header inner gap
    --b-grid-header-icon-color Grid header icon color
    --b-grid-header-icon-font-size Grid header icon font size
    --b-grid-header-icon-transition-duration Grid header icon transition duration (for example when fading icons in/out on hover)
    --b-grid-header-padding Grid header padding. By default uses grid cells inline padding value (for both block & inline)
    --b-grid-header-text-align Grid header text align
    --b-grid-header-text-transform Grid header text transform
    --b-grid-header-zindex Grid header z-index
    Hovered
    --b-grid-header-hover-background Background color for the header when hovered
    --b-grid-header-hover-color Grid header text color when hovered

    Source path

    Grid/view/Header.js

    Contents