2016-09-28 80 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