.overflow-visible {
.table .th .column-header span {
display: flex;
flex-grow: 1;
overflow: visible;
}
}
Try adding this class on your datagrid
Add scroll container and put your datagrid2 inside the default space. It would enable scroll automatically once the size is reduced.
Do not add top, bottom, left or right regions unless its your requirement to add scroll on height or side regions.