Hi Mark,
You can do that by adding some custom CSS to a custom SCSS file. If this only need to be applied to this single datagrid, I would suggest to add a custom class to that datagrid. For the example I assumed that you added a custom class.
.customclass.mx-datagrid {
.mx-grid-searchbar {
justify-content: flex-start;
.mx-grid-search-inputs {
flex: none;
}
.mx-grid-search-controls {
margin-left: unset;
}
}
}
If you want to use this for every datagrid, you can just remove .customclass from the example.
Hope this helps.
Cheers,
Jeffrey
Hi Mark,
To extend on what Jeffrey suggested; to add custom styling the best way is to;
Hope this helps!
Thanks Jeffrey, that helps :-)