Vaadin 8 grid: Show horizontal scrollbar at the last visible row of the gri

I have a grid with many columns and many rows. Not all columns are visible even on a smaller size laptop. I have a grid scrollbar at the last row of the grid. So users with small screens (or mobiles) have to use the vertical scroll to get to the end of the grid. Then they can scroll to the right most columns. After this they have to scroll with the vertical scroll back to the top. That is not convenient at all!

I want to have a scrollbar at the last visible row of the grid or at the bottom of the view so that the user can easily scroll to see the right columns (without having to scroll down to the last row of the grid).

I have views

public class ViewName extends Panel implements View

I know that I could get a vertical scroll of the panel with:

		VerticalLayout mainLayout = new VerticalLayout();

But I don’t want to fix the size of the child component of the layout with setting the mainLayout to undefined. I want to use:


The Vaadin 8 grid sample [here]
( always has the horizontal scroll at the last visible row. How do I get this?? I could not find the sample CSS code. Or is the horizontal scroll the scroll from the panel??

My grid CSS code is:

.mytheme .v-grid-scroller {
	position: absolute;
	z-index: 1;
	outline: none;
	box-sizing: border-box;

.mytheme .v-grid-scroller-horizontal {
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: hidden;
	-ms-overflow-y: hidden;

.mytheme .v-grid-scroller-vertical {
	right: 0;
	top: 0;
	bottom: 0;
	overflow-x: hidden;
	-ms-overflow-x: hidden;

I tried:

.v-grid-scroller-horizontal {
	left: 0;
	right: 0;
	bottom: 0;
	overflow-y: scroll;
	-ms-overflow-y: scroll;
	overflow-x: scroll;
	-ms-overflow-x: scroll;

But I did not get what I need.

I am glad for your help!