2016-09-28 99 views
2

尝试打印与宽度为100%和100%的高度table_details.php一个表作为表高度问题阿贾克斯

<table width="100%" height="100%" border="1" style="text-align:center"> 
<tr> 
<td>1</td><td>2</td> 
</tr> 
<tr> 
<td>3</td><td>4</td> 
</tr> 
</table> 

以及其作为工作的罚款:

enter image description here

但是,当我我试图通过ajax页面打印表格,比如从table.php调用table_details.php。

table.php

<script> 
$(function(){ 
    var key_val = 'test'; 
    var dataString = 'key_val=' + key_val; 
    $.ajax({ 
    type: "GET", 
    url: "table_details.php", 
    data: dataString, 
    cache: false, 
    success: function(html) { 
     alert(html); 
     $('body').html(html); 
    } 
    }); 
}); 
</script> 
</head> 

<body> 

</body> 

</html> 

但表中没有采取高度。它的印刷,如:

enter image description here

请告诉我错了我的逻辑是什么?

+2

为100%的高度,以实现所有的父元素必须有高度设置得,说得最多的''标签。这个例子是你目前在做什么:https://jsfiddle.net/m4vsqynp/,这是高度的家长设置:https://jsfiddle.net/m4vsqynp/1/ –

+0

但是,为什么滚动来了 –

+1

这是由于'body'中添加了默认的'margin'。你可以删除它:https://jsfiddle.net/m4vsqynp/2/ –

回答

0

给高度100%添加到您的bodyhtml