Vaadin Grid Under Tabsheet Issue

Vaadin 6 / 7 / 8 Framework UI
1

HI ,

I am using Vaadin 8.1.0

I am trying to add Vaadin Grid under Tabsheet. Initialy grid showing columns with full data.
And when i shifted from one tab to another tab my Grid columns are shrinking in width.

Below is the code to create Grid and Tabsheet.

mGrid = new Grid<>();
mGrid.setWidth(“100%”);
mGrid.setHeightByRows(mPageLength);
mGrid.setColumnReorderingAllowed(true);
mGrid.setSelectionMode(SelectionMode.SINGLE);

TabSheet tsb=new TabSheet();
tsb.addTab(mGrid,“Tab1”);
tsb.addTab(new VerticalLayout(),“Tab2”);
tsb.setWidth(“100%”);

Here are the screens attached to show the effect after tabchage.

Regards
Nagaraj RC

36603.png
36604.png

2

Had the same annoying issue…
Seems like the cause of the problem is in changing visibility of Grid when switching between tabs.
Here is another topic regarding this problem
https://vaadin.com/forum/#!/thread/16848972