两个datagrid移动，右侧展示列过多时不出现横向滚动条怎么办

yqtr

felt

如果列宽总和大于表格宽度，那么就会自动出现滚动条。

yqtr

felt 发表于 2018-6-11 16:33
如果列宽总和大于表格宽度，那么就会自动出现滚动条。

不是呀，我的IE8没出现

felt

yqtr 发表于 2018-6-11 17:13
不是呀，我的IE8没出现

如果你那边确有问题，请提供重现问题的html

yqtr

felt 发表于 2018-6-11 17:40
如果你那边确有问题，请提供重现问题的html

    <table style="width:100%;height:100%">
        <tr style="width:100%">
            <td style="width:20%;height:100%;border:1px solid #C7C7CB">
               <div class="mini-fit">
                        <div id="grid1" class="mini-datagrid" idField="gzxzdm" multiSelect="true" url="<%=path%>/rs/standardSubsidyAction.do?method=miniBzgzxQueryBySJ"  resultAsData="true" showPager="false">
                            <div property="columns">
                                <div type="checkcolumn" align="center" headerAlign="center"></div>
                                <div header="编码" align="center" headerAlign="center" field="gzxzdm" name="gzxzdm"></div>
                                <div header="名称" align="center" headerAlign="center" field="gzxzdmmc"></div>
                            </div>
                        </div>
                    </div>   
            </td>
            <td style="width:5%;text-align:center;">
                <input type="button" value=">" style="width:40px;"/><br />
                <input type="button" value=">>" style="width:40px;"/><br />
                <input type="button" value="<<" style="width:40px;"/><br />
                <input type="button" value="<" style="width:40px;"/><br />
            </td>
            <td style="width:75%;height:100%;border:1px solid #C7C7CB">
                <div class="mini-fit">
                        <div id="grid2"  class="mini-datagrid" idField="gzxzdm" multiSelect="true" allowCellEdit="true" showPager="true" allowCellSelect="true" pageSize="10" sizeList="[10,15,20]" >
                            <div property="columns">
                                <div style="width:5%" type="checkcolumn" align="center"></div>
                                <div style="width:5%" header="序号" field="xsxh"  align="center" headerAlign="center"></div>
                                <div style="width:5%" header="编码" align="center" headerAlign="center" field="gzxzdm" id="gzxzdm" name="gzxzdm" ></div>
                                <div style="width:5%" header="名称" align="center" headerAlign="center" field="gzxmc" id="gzxmc" name="gzxmc" >
                                    <input property="editor" class="mini-textbox" style="width:100%"/>
                                </div>
                                                        <div style="width:5%" type="comboboxcolumn" autoShowPopup="true" header="性质" field="gzxxz" id="gzxxz" name="gzxxz" headerAlign="center" align="center" allowSort="true" vtype="required">
                                                                <input property="editor" class="mini-combobox" style="width:100%;"  textField="text" valueField="id"    url="<%=path%>/rs/standardSubsidyAction.do?method=miniGzxxzQuery"/>
                                                        </div>        
                                                    <div style="width:5%" type="comboboxcolumn" autoShowPopup="true" header="类型" align="center" headerAlign="center" field="qlbz" id="qlbz" name="qlbz">
                                                                <input property="editor" class="mini-combobox" style="width:100%;" value="0" textField="text" valueField="id" data="Qlbzs"/>                                                   
                                    </div>         
                                    <div style="width:5%" type="comboboxcolumn" autoShowPopup="true" header=" 长度" align="center" headerAlign="center" field="lcdl" id="lcdl" name="lcdl">
                                                                <input property="editor" class="mini-combobox" style="width:100%;" value="0" textField="text" valueField="id" data="Lcdls"/>                                                   
                                    </div>         
                                    <div style="width:5%" type="comboboxcolumn" autoShowPopup="true"header="正常" align="center" headerAlign="center" field="sfbj" id="sfbj" name="sfbj">
                                                                <input property="editor" class="mini-combobox" style="width:100%;" value="0" textField="text" valueField="id" data="Useds"/>                                                   
                                    </div>         
                                    <div style="width:5%" type="comboboxcolumn" autoShowPopup="true" header="补发" align="center" headerAlign="center" field="sfbt" id="sfbt" name="sfbt">
                                                                <input property="editor" class="mini-combobox" style="width:100%;" value="0" textField="text" valueField="id" data="Useds"/>                                                   
                                    </div>         
                                    <div style="width:5%" type="comboboxcolumn" autoShowPopup="true" header="扣发" align="center" headerAlign="center" field="show" id="show" name="show">
                                                                <input property="editor" class="mini-combobox" style="width:100%;" value="0" textField="text" valueField="id" data="Useds"/>                                                   
                                    </div>         
                            </div>
                        </div>
                     </div>
            </td>
        </tr>
    </table>

felt

yqtr 发表于 2018-6-11 17:53
...

table设置样式table-layout:fixed