TabX contents to be a Gridview widget

I’m using Tab X i want to view a GridView widget in each tab here my code in view :


%tab1Grid =GridView::widget([

      'dataProvider' =&gt;&#036;DataProvider,

      'filterModel' =&gt; &#036;SearchModel,

      'columns' =&gt; [






%tab2Grid =GridView::widget([

      'dataProvider' =&gt;&#036;Data2Provider,

      'filterModel' =&gt; &#036;Search2Model,

      'columns' =&gt; [






$items = [


       'label'=&gt;'&lt;i class=&quot;glyphicon glyphicon-home&quot;&gt;&lt;/i&gt; Home',

       'content' =&gt;&#036;tab1Grid,




       'label'=&gt;'&lt;i class=&quot;glyphicon glyphicon-user&quot;&gt;&lt;/i&gt; User',

       'content' =&gt;&#036;tab2Grid,



echo TabsX::widget([







The problem is tables are appearing at the bottom of page and alot of white space on top so i conclude that these widgets are there at the back of tabs how can i view those widget in each tab without been seen before the tabs ??