- 问题:
bootstrap的tab页签里用easyUI的datagrid数据表格,请求正常,数据返回正常。第一个页签只显示表头和分页数据不显示。其他页签正常显示。
如果指定初始显示第二个页签,则第二个页签的数据不显示了,其他正常。
Chrome查看元素,数据表格高度太小。 - 解决:初始显示的表格
指定高度和宽度
具体值。不要百分比指定。
<!-- 选项卡面板 --> <div id="myTabContent" class="tab-content"> <div class="tab-pane active" id="bull" style="width:1000px;height:800px"> <table id='grid' style="width:100%;height:96%"></table> </div> </div>
在tab中放置一个datagrid,无法正常显示,查看结构,datagrid的所有元素大小都为0;
原因:datagrid会适应父元素的大小,在tab页显示前,父元素是不可见的,大小为0,0,所以datagrid下的所有元素大小也为0,0,导致不可见。
在显示tab页时 $("#gridApplyBusiness").datagrid("resize");
即可正常显示