So while not entirely sure what your question is I think you want the buttons to stay visible while scrolling?
By reading your explanation I'm assuming that you put the overflow-x: scroll on the data grid widget instead of the actual data grid content through a class.
If you inspect the elements of the datagrid on the browser you can see that you probably only want to enable horizontal scrolling on the css class “mx-grid-content”. You can do this by creating your own styling and adding styling to the mx-grid-content.
In your custom styling file you can add it like this for example:
.content-overflow-x{
.mx-grid-content{
overflow-x:scroll;
}
}
and then add the “content-overflow-x’ as class to your data grid widget add the tab “appearance”.