I did not use the tabs component directly.Instead use the panel component.
see example code,datagrid is full,bug pagination is Invisible
<Panel class="f-column f-full" :border="false" bodyCls="f-column">
<DataGrid selectionMode="single" :border="false" :data="data" :striped="true" class="f-full"
:lazy="true"
:total="total"
:loading="loading"
:pageSize="pageSize"
:pagination="true"
:pageLayout="['list','sep','first','prev','next','last','sep','refresh','info']"
@pageChange="onPageChange($event)"
>
<GridColumn align="center" cellCss="datagrid-td-rownumber" width="30">
<template slot="body" slot-scope="scope">
{{scope.rowIndex + 1}}
</template>
</GridColumn>
<GridColumn field="name" title="姓名" align="center"></GridColumn>
<GridColumn field="type" title="受理类型" :width="100" align="center"></GridColumn>
<GridColumn field="status" title="状态" :width="100" align="center"></GridColumn>
<GridColumn field="items" title="咨询项目" halign="center"></GridColumn>
<GridColumn field="date" title="受理日期" :width="100" align="center"></GridColumn>
<GridColumn field="time" title="预约时间" align="center"></GridColumn>
<GridColumn field="cometime" title="到院日期" align="center"></GridColumn>
<GridColumn field="created_at" title="录入时间" align="center"></GridColumn>
<GridColumn field="ascription" title="咨询人员" :width="100" align="center"></GridColumn>
<GridColumn field="user_id" title="录入人员" :width="100" align="center"></GridColumn>
</DataGrid>
</Panel>