Override selected border color in igx grid

State See Verified Answer
Replies 3 replies
Subscribers 7 subscribers
Views 1711887 views
Users 0 members are here

Override selected border color in igx grid

AMIT JHA posted over 5 years ago

HI,

I want to change the color of border in grid when I select the the cell. How Can I override the color of border. I have tried giving custom style But seems like it is not working

960

Offline N. Ishibashi posted over 5 years ago in reply to AMIT JHA

Thank you for sharing that it works.

I'm glad to hear that.
Cancel
Reply

Cancel
30

Offline AMIT JHA posted over 5 years ago in reply to N. Ishibashi

Thanks, It Worked.
Cancel
Reply

Cancel

960

Verified Answer

Offline N. Ishibashi posted over 5 years ago

Hello AMIT JHA,

You can change IgxGrid's styles by using SCSS.

/* ==== styles.scss ==== */

@include igx-core();

// Exclude igx-grid styling
// https://ko.infragistics.com/products/ignite-ui-angular/angular/components/themes/global-theme.html#excluding-components
@include igx-theme($default-palette, $exclude: (igx-grid));

// Create a custom component theme
// https://ko.infragistics.com/products/ignite-ui-angular/angular/components/themes/component-themes.html#creating-themes
// https://ko.infragistics.com/products/ignite-ui-angular/docs/sass/index.html#function-igx-grid-theme
$my-igx-grid-theme: igx-grid-theme(
  $cell-active-border-color: lightgreen,
);

// Include the custom theme
@include igx-grid($my-igx-grid-theme);

Could you give it a try?