Question

jquery 的表格控件dataTable，怎样让这个控件占满整个所在区域，当数据没有那么多的时候也让高度占满区域

设置的高度要是能够自适应的。当分辨率改变后。仍能够占满其所在区域。

Answer 1

利用js设置
先获取窗口高度
$("#table").height($(window).height());

追问

这样是能把表格高度固定，但是表格中的数据行也变高了。还用能不能做成表格能显示10条时，当数据不满10条，用空白行填充。用的是jquery的dataTable控件

追答

可以的 方法是这样的
我刚刚试了一下
添加一个sScrollY属性
var height=$(window).height();

$(document).ready(function() {
$('#example').dataTable(
{
"sScrollY": height
});
} );
当数据超出时显示滚动条 数据没有超出时 就显示空白区域

追问

还是不可以啊。这个设置的高度只是数据占的高度，还有表头和表格的底部说明要占些高度，这样的话，就不能把表格显示全了。请问怎么办？

追答

var height=$(window).height();
$(document).ready(function() {
$('#example').dataTable(
{
"sScrollY": height-30
});
} );
将sScrollY减去一些也不行吗 这个dataTable我还没用过
你可以试试easyui-datagrid 如果风格适合你的话

Answer 2

高度用百分比来实现，就可以自适应了

追问

大哥你别拿我当三岁小孩好不。要是这么容易我也不用在这问了。我说的是query的表格控件，不是普通的设置高度。求具体代码。。。