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 :

<?php

%tab1Grid =GridView::widget([

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


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


      'columns' =&gt; [


            'id',


        'submitted_dt',


        'submitted_by',


          ],


  ]);

%tab2Grid =GridView::widget([

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


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


      'columns' =&gt; [


            'user_id',


        'name',


        'age',


          ],


  ]);

$items = [

      [


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


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


       'active'=&gt;true


      ],


      [


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


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





      ],

];

echo TabsX::widget([

       'items'=&gt;&#036;items,


       'position'=&gt;TabsX::POS_LEFT,


       'encodeLabels'=&gt;false


    ]);





  


?&gt;

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 ??