IE中使得表格居中、下拉列表、动态显示
2013-05-07 10:26
113 查看
问题描述:
在使用IE中设置表格时,使用style=“height:36%”在IE中无效
问题解决:
(1)使用CSS设置表格居中显示,超过指定长度出现下拉列表需要用到的CSS选项有
margin:auto ; 效果------表格居中显示
maxheight:200px 效果------表格最大高度
overflow-y:auto ; 效果------表格超过指定高度出现下拉列表
display:none; 效果------表格隐藏
![](http://images.cnitblog.com/blog/440499/201305/07102546-11d3e796e2b34be8b99590e611b9bbae.png)
注意:
以上使用maxheight:36%的设置对于IE是无效的,包括width、height使用这种方式是无效的
在IE中需要使用height:200px的设置才会生效
(2)JS设置表格动态出现
由于CSS设置div块默认隐藏(display:none)使用JS设置CSS中 div块 display :block 可以出现 div块 ,上述设置的div块,指出了id="table",可以根据id,将JS中设置的表格显示到为指定id的div块上
![](http://images.cnitblog.com/blog/440499/201305/07102547-cf1f9b6c365b460cb3ff304e60667892.png)
如上图所示,获取id为table的字段,document.getElementById("table").style.display="block";设置id为table的字段的style为display,在执行这段JS代码时就会显示table列表,具体的显示这里使用了Ajax显示table,封装在函数getLoanTable(URL);中
在使用IE中设置表格时,使用style=“height:36%”在IE中无效
问题解决:
(1)使用CSS设置表格居中显示,超过指定长度出现下拉列表需要用到的CSS选项有
margin:auto ; 效果------表格居中显示
maxheight:200px 效果------表格最大高度
overflow-y:auto ; 效果------表格超过指定高度出现下拉列表
display:none; 效果------表格隐藏
![](http://images.cnitblog.com/blog/440499/201305/07102546-11d3e796e2b34be8b99590e611b9bbae.png)
注意:
以上使用maxheight:36%的设置对于IE是无效的,包括width、height使用这种方式是无效的
在IE中需要使用height:200px的设置才会生效
(2)JS设置表格动态出现
由于CSS设置div块默认隐藏(display:none)使用JS设置CSS中 div块 display :block 可以出现 div块 ,上述设置的div块,指出了id="table",可以根据id,将JS中设置的表格显示到为指定id的div块上
![](http://images.cnitblog.com/blog/440499/201305/07102547-cf1f9b6c365b460cb3ff304e60667892.png)
如上图所示,获取id为table的字段,document.getElementById("table").style.display="block";设置id为table的字段的style为display,在执行这段JS代码时就会显示table列表,具体的显示这里使用了Ajax显示table,封装在函数getLoanTable(URL);中
相关文章推荐
- 137在搜索框中实现下拉列表效果(扩展知识:表格视图数据源为空数据时显示提示信息)
- div居中鼠标悬浮显示下拉列表
- 怎么将获得的字符串解析并动态显示在下拉列表
- Delphi TAdvStringGrid 在表格显示出下拉列表
- 类似于ie地址栏的下拉列表:回车提交,动态提示(摘录)
- asp+ajax能实现根据下拉列表值动态无刷新显示数据
- Ajax调用后台action返回JSONArray(JSONObject)类型实现jsp中下拉列表的动态显示
- ajax+jquery+flea+smarty实现了通过选择下拉列表动态显示相应的数据
- jQuery实现动态显示select下拉列表数据的方法
- select下拉列表动态显示选择公司及部门信息——级联
- Ext mvc 下的点击表格后弹出框中有下拉列表框 下拉列表框值如何显示
- 表格点击当前行,在其下边展示其子信息列表(即下拉显示数据)
- html页面下拉列表中动态添加后台数据(格式化数据,显示出数据的层次感)
- jquery mobile动态生成的下拉列表无法显示默认选择值的问题
- JavaScript把字符串动态显示到下拉列表
- 动态下拉列表
- 实现下拉列表的分级显示
- 如何实现ComboBox下拉列表显示图片
- Jquery动态添加下拉列表的值的方法
- 需要这样一个记事本-14 ReportViewer在多页报表情况下,每页都显示表格列表头