IE中使得表格居中、下拉列表、动态显示
问题描述:
在使用IE中设置表格时,使用style=“height:36%”在IE中无效
问题解决:
(1)使用CSS设置表格居中显示,超过指定长度出现下拉列表需要用到的CSS选项有
margin:auto ; 效果------表格居中显示
maxheight:200px 效果------表格最大高度
overflow-y:auto ; 效果------表格超过指定高度出现下拉列表
display:none; 效果------表格隐藏
注意:
以上使用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块上
如上图所示,获取id为table的字段,document.getElementById("table").style.display="block";设置id为table的字段的style为display,在执行这段JS代码时就会显示table列表,具体的显示这里使用了Ajax显示table,封装在函数getLoanTable(URL);中