I am using igx data grid with [showToolbar] as true.
Requirement: Display a 'Reload' button on the left of the toolbar. How can i achieve. I tried to give a class and write the css for the same. But it is not working.
HTML code:
SCSS:
::ng-deep {
.btn-style { float: left;
}
What am i doing wrong. Please help!
Hello Shobhana,Thank you for contacting us.
The toolbar is laid out by flex style.So you have to change the style as flex like this example.
:host::ng-deep { .igx-grid-toolbar { justify-content: start; padding: 0 1em; }}
https://stackblitz.com/edit/align-left-toolbar?file=src/app/grid/grid-toolbar-sample/grid-toolbar-sample-4.component.scss
Sincerely,Motoki