EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: rezzonico on November 05, 2018, 07:12:52 AM

Title: easyui-tabs and style="height:auto"
Post by: rezzonico on November 05, 2018, 07:12:52 AM

Hi all,

I need help with the height parameter in easyui-tabs.

The following code works correctly (style="height:300px"):
http://195.144.40.170/jeasyui/PPP.4/file1.html

But if I use style="height:auto" then in Tab2 the datagrid is not displayed correctly:
http://195.144.40.170/jeasyui/PPP.4/file2.html

Also if I use style="width:80%;height:80%" Tab1 and Tab2 are not displayed correctly:
http://195.144.40.170/jeasyui/PPP.4/file3.html

How can I solve this ?
Thanks.
Miche

Title: Re: easyui-tabs and style="height:auto"
Post by: jarry on November 05, 2018, 07:53:23 AM

Please set the 'fit' to false for the datagrid component.

Code:

<div id="tt3" class="easyui-tabs" border="true" style="height:auto">
  <div title="Tab1">
     <div>Label 1</div>
     <div>Label 2</div>
     <div>Label 3</div>
  </div>

  <div title="Tab2">
     <table id="dg" border="false" fit="false">
     </table>
  </div>
</div>

Title: Re: easyui-tabs and style="height:auto"
Post by: rezzonico on November 05, 2018, 09:35:35 AM

Thanks.
Miche