[Answered] Right clicking and getting the CSS for the table header

[gregc]

Do you know the css code to override the color of the table header background and text color?

In general, is there an easy way ( combination of keys?) to right click and get the chrome inspect menu of a cell on the grid?

thanks!

[mats]

Do you know the css code to override the color of the table header background and text color?

You can learn this easily by using Chrome Dev Tools. Click the icon in the top left corner which lets you select any element on the page.

Or you can study the SCSS variables in resources/sass/variables.scss

//region Header & Footer

$grid-header-background-color : $light-gray !default;
$grid-header-hover-background-color : lighten($grid-header-background-color, 5) !default;
$grid-header-border-color : $gray !default;
$grid-header-invalid-drag-color : $red !default;
$grid-header-container-border-bottom-width : 1px !default;
$grid-header-padding : 1em 0.5em !default;
$grid-header-zindex : 4 !default; // 4 needed for strangeness in docs where group row is above header
$grid-header-box-shadow : null !default;
$grid-header-resizing-background-color : $grid-header-hover-background-color !default;

$grid-header-icon-target : '' !default;

$grid-header-icon-color : $gray !default;
$grid-header-icon-light-color : darken($grid-header-background-color, 5) !default;
$grid-header-icon-highlight-color : $secondary-color !default;
$grid-header-icon-position : absolute !default;
$grid-header-icon-top : 50% !default;
$grid-header-icon-transform : translateY(-50%) !default;
$grid-header-icon-font-size : null !default;

$grid-header-resizer-handle-width : 10px !default;
$grid-header-touch-resizer-handle-width : 20px !default;

$grid-header-font-weight : inherit !default;
$grid-header-font-size : 1em !default;
$grid-header-text-color : lighten($grid-text-darkest-color, 15) !default;
$grid-header-text-transform : none !default;

$grid-header-filtered-color : #666 !default;

$grid-footer-background-color : $grid-header-background-color !default;
$grid-footer-border-color : $grid-header-border-color !default;
$grid-footer-outline-color : $grid-header-border-color !default;
$grid-footer-outline-width : $grid-header-container-border-bottom-width !default;
$grid-footer-text-color : $grid-header-text-color !default;
$grid-footer-box-shadow : $grid-header-box-shadow !default;

//endregion

[gregc]

Ah thanks for that.