jQuery MiniUI

标题: 两个datagrid移动，右侧展示列过多时不出现横向滚动条怎么办 [打印本页]

作者: yqtr 时间: 2018-6-11 16:02:27 标题: 两个datagrid移动，右侧展示列过多时不出现横向滚动条怎么办

[attach]10973[/attach]

作者: felt 时间: 2018-6-11 16:33:42

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

作者: yqtr 时间: 2018-6-11 17:13:10

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

不是呀，我的IE8没出现

作者: felt 时间: 2018-6-11 17:40:39

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

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

作者: yqtr 时间: 2018-6-11 17:53:10

本帖最后由 yqtr 于 2018-6-12 08:44 编辑

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 时间: 2018-6-12 10:32:01

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

table设置样式table-layout:fixed

欢迎光临 jQuery MiniUI (http://miniui.com/discuss/)