Javascript 创建包含动态更改内容的HTML表

如果已经有人问过类似的问题，请原谅

我想创建一个具有以下功能的HTML表：

• 如果

  myFunction

  不返回任何结果，则只显示标题
• 不时地

  myFunction

  返回一些需要在此表中显示的数据
• 表必须是可调整大小的，即当我们拖动窗口边框时，它会调整其边框的大小，而不会重新排序行/列

这是我当前的表格：

<div id="result">
  <table id="myTable" class="display" style="width:100%">
    <tr>
      <th>Header1</th>
      <th>Header2</th>
      <th>Header3</th>
    </tr>
  </table>
</div>

每次运行

myFunction

时，由于变量为空，我得到的表没有标题。。但除此之外，我不知道如何在不重新加载页面的情况下动态更新内容。。你能帮忙吗？

你最好过去一下。

---

在这里，您可以使用这是创建动态表的最佳方法。

将此代码放入HTML或PHP扩展中，并运行Apache服务器

https://codepen.io/validide/pen/aOKLNo/
桌子{
表布局：固定；
td，th{
溢出：隐藏；
空白：nowrap；
-moz文本溢出：省略号；
-ms文本溢出：省略号；
-o-text-overflow：省略号；
文本溢出：省略号；
}
}
$（函数（）{
$（“表”）。可调整大小的列({
商店：window.store
});
});
函数updatecons（）{
$.ajax({
url:“refresh.php”，//包含代码并返回输出的页面
成功：功能（响应）{
$（'.container'）.html（response.fadeIn（）；//设置获取到DIV的类容器中的信息
}
});
}
设置间隔（更新秒，1000）//它将每秒运行函数“updatecons”

将标题包装在

中，并在其后面附加一个空的

。然后清空

tbody

而不是

myFunction

中的整个表。解决此问题的方法是使用web。服务器可以使用此方法继续发送数据。另一种不太好但很简单的方法是将ajax调用置于setInterval内。

function myFunction() {
  $.ajax({
    type: "GET",
    url: 'some',
    dataType: 'json',
    data: parameters,
    success: function (response) {
      myTable.empty().show(); // to clear
      // html table content calculation...
      myTable.append(new html);
    }
  });
}