bootstrap结合easyui-datagrid列宽不自动适应问题

平时我们使用easyui的datagrid组件时,如果想要datagrid列宽自动适应屏幕宽度:

只要给列指定width属性,并且datagrid fitColumns配置为true后,就能自适应屏幕了。

但是今天加上了这几个属性datagrid还是不能自适应屏幕宽度,检查了几遍配置问题,也没有出错

<div class="col-md-12 >
                
margin-bottom: 2em;"> <table id="box"> table> <div id="tb"> div> div> div>

于是怀疑是外面嵌套了bootstrap网格的问题,于是给table加了如下属性:

style="width: 100%;"

此时就好了,让datagrid的宽度和父布局即bootstrap设置网格宽度一致。

效果如图:
bootstrap结合easyui-datagrid列宽不自动适应问题_第1张图片

你可能感兴趣的:(web开发)