表格高度问题ajax答案

【问题标题】：Table height issue ajax表格高度问题ajax
【发布时间】：2017-02-05 23:13:13
【问题描述】：

尝试在 table_details.php 中打印一个宽度为 100%、高度为 100% 的表格

<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>

它的工作正常：

但是当我尝试通过 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>

但桌子不占高度。它的打印如下：

我的逻辑有什么问题？

【问题讨论】：

要实现 100% 高度，所有父元素也必须设置高度，直到 <html> 标记。这个例子是你目前正在做的：jsfiddle.net/m4vsqynp，这是在父母身上设置的高度：jsfiddle.net/m4vsqynp/1
但是为什么滚动来了
这是由于默认margin 添加到body。你可以删除它：jsfiddle.net/m4vsqynp/2

标签： php jquery html-table

【解决方案1】：

将高度100% 分配给您的body 和html。

【讨论】：