datagrid width overflow

[fengdie]

Then appLayout layout, which uses the datagrid component. The datagrid width will overflow. for details, see attached
再appLayout布局，里面使用datagrid组件。datagrid宽度会溢出。详情见附件.

[jarry]

Please add 'overflow:hidden' style to the 'main-body'.

Code:

<div class="main-body f-full f-column" [b]style="overflow:hidden;"[/b]>
    <Tabs class="f-full">
      <TabPanel title="DataGrid" bodyCls="f-column">
        <DataGrid class="f-full" :data="data">
          <GridColumn field="itemid" title="Item ID"></GridColumn>
          <GridColumn field="name" title="Name"></GridColumn>
          <GridColumn field="listprice" title="List Price" align="right"></GridColumn>
          <GridColumn field="unitcost" title="Unit Cost" align="right"></GridColumn>
          <GridColumn field="attr" title="Attribute" width="30%"></GridColumn>
          <GridColumn field="status" title="Status" align="center"></GridColumn>
        </DataGrid>
      </TabPanel>
    </Tabs>
</div>