jquery zTree內容過寬時加滾動條
當zTree的樹形列表太寬時,有時會溢位,在載入Tree的ul上設定overflow:auto,就可以在tree過寬時出現滾動條了!
修改前:
<div class="col-md-8">
<div class="btn-group" style="width: 100%"
id="tjBtnGroup">
<a href="javascript:void(0);" class="btn btn-default"
id="tjA" treeDown="true" style="width: 85%;">請選擇</a> <a id="tjTreeDown"
href="javascript:void(0);" class="btn btn-default"
treeDown="true"><i class="fa fa-angle-down"></i></a>
<ul id="tjTreeDemo"
class="dropdown-menu ztree form-group"
style="margin-left: 0; width: 98%; position: absolute;"></ul> <===========這一行
<input type="hidden" id="finalClassiFicationCode"
name="finalClassiFicationCode" />
</div>
修改後:
<div class="col-md-8">
<div class="btn-group" style="width: 100%"
id="tjBtnGroup">
<a href="javascript:void(0);" class="btn btn-default"
id="tjA" treeDown="true" style="width: 85%;">請選擇</a> <a id="tjTreeDown"
href="javascript:void(0);" class="btn btn-default"
treeDown="true"><i class="fa fa-angle-down"></i></a>
<ul id="tjTreeDemo"
class="dropdown-menu ztree form-group"
style="margin-left: 0; width: 98%; position: absolute;overflow:auto"></ul> <=======這一行
<input type="hidden" id="finalClassiFicationCode"
name="finalClassiFicationCode" />
</div>