When using the Eazyui layout, the left menu is displayed back and forth, and then the main part of the scroll bar appears.
After this problem found yourself tab code no problem content page is also 100%, feel no problem, but do not know how his mechanism is after the God-on-demand content page also need to add a layout control
After modification
Code
<p><body> <div class= "Easyui-layout" fit= "true" style= "MARGIN:2PX; padding:3px 0px 3px 3px; " > <div id= "CompleteList1" data-options= "region: ' North ', Border:false" style= " height:86px;; " > <div id= "Searchui" class= "Easyui-panel" data-options= "IconCls: ' Icon-search ', Fit:true, "title=" search Condition " style=" height:90px; " > <table style= "height:100%;width:100%;" >&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;<TR>&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;<TD class= "LabelAlignRight" > title: </td> <td><input id= "Txttitle" class= "Easyui-textbox" style= "width:150px;"/></td> &NBSP;<TD class= "Labelalignright" > Type: </td> <td><select Id= "Txttype" class= "Easyui-combobox" &NBSP;&NBSP;&NBSP;&NBSP;&NBsp; style= "width:150px;" > <c:foreach items= "${logtypelist}" var= "Item" > <option value= "${item}" >${item}</option> </c:foreach> </select ></TD>&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;<TD class= "Labelalignright" > Request address:</td> <td><input id= "Txtrequesturl" class= "Easyui-textbox" style= "width:150px;"/></td> <td class= " Labelalignright "> Operator: </td> <td><input id=" Txtoperationuser "class=" Easyui-textbox " style=" width:150px; "/>< /td> </tr> <tr> &NBSP;&NBSP;&NBSP;<TD class= "labelalignright" > Operation time: </TD>&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;<TD ><input id= "Txtdatestart" data-options= "Formatter:myformatter, Parser:myparser " class=" Easyui-datebox "style=" width:150px; "/></ TD>&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;&NBSP;<TD class= "Labelaligncentert" > to </td> <td><input id= "Txtdateend" data-options= " Formatter:myformatter,parser:myparser " class=" Easyui-datebox "style=" width:150px; "/></td> <td></td> <td></td> <td></td> <td><a id= "btnsearch" href= "javascript:void (0);" class= "Easyui-linkbutton" data-options= "iconcls: ' Icon-search '" style= "width : 73px "> Find </a> <a id=" btnclear " href=" javascript:void (0); " class= "Easyui-linkbutton" data-options= "IconCls: ' Icon-undo '" style= " width:73px "> Reset </a></td> </tr> </ Table> </div> </div> <div id= "CompleteList" data-options= "region: ' Center ', border:false" style= "MARGIN-TOP:2PX;" > <div id= "DG" ></div> </div></p><p> </div > <div id= "Win" ></div></body></p>
That is, re-referencing a Eazyui layout, and then 100% inside, then it's okay.
But there's a small problem with a computer with a large resolution that looks disgusting because it's full-screen populated.
When you make a design table, give me a tip:
Is the last column without the width of the front of the set width is not crazy after the interface how to adjust the width is the same then the next column will be longer and shorter, so that it fits any screen
Of course, at the end of the habit.
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
Eazyui Layout Issues
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
