With EasyUI 1.35, I am trying to put a column layout inside a tab container. Please see the screenshot, the No1. No2. div doesn’t have right border, it is related to its width. Do you have any clue ?
The code :
<div class="easyui-tabs" id="tabContainer" >
<div title="Main" >
<table style="width: 100%;padding:0px;table-layout:fixed; ">
<tr>
<td style="width: 25%;vertical-align:text-top; ">
<div class="easyui-panel" title="Action Map 1" style="height:200px; padding: 3px;" data-options="collapsible:true" >
sds
</div>
</td>
<td style="width: 25%;vertical-align:text-top; ">
<div class="easyui-panel" title="Action Map 2" style="height:200px; padding: 3px;" data-options="collapsible:true" >
sds
</div>
</td>
<td style="width: 25%;vertical-align:text-top; ">
<div class="easyui-panel" title="Action Map 3" style="height:200px; padding: 3px;" data-options="collapsible:true" >
sds
</div>
</td>
<td style="width: 25%;vertical-align:text-top; ">
<div class="easyui-panel" title="Action Map 4" style="height:200px; padding: 3px;" data-options="collapsible:true" >
sds
</div>
</td>
</tr>
</table>
</div>
<div title="Admin" >
sdffsa
</div>
</div>