EasyUI Forum
September 16, 2025, 02:14:15 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: easyui-tabs and style="height:auto"  (Read 6253 times)
rezzonico
Full Member
***
Posts: 186


View Profile
« 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
« Last Edit: November 05, 2018, 07:58:32 AM by rezzonico » Logged
jarry
Administrator
Hero Member
*****
Posts: 2298


View Profile Email
« Reply #1 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>
Logged
rezzonico
Full Member
***
Posts: 186


View Profile
« Reply #2 on: November 05, 2018, 09:35:35 AM »

Thanks.
Miche
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!