根据数据动态创建基于模板的表格单元格

发布于 2024-09-30 15:11:34 字数 82 浏览 3 评论 0原文

如何根据数据集动态创建表格单元格?为此需要 Javascript/ajax 吗?是否可以对单元格使用模板 div?

只是寻找一些方向。

How does one dynamically create table cells based on a dataset? Is Javascript/ajax required for this? Is it possible to use a template div for the cells?

Just looking for some direction.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

暖伴 2024-10-07 15:11:34

如果要动态创建表格单元格,则需要操作 DOM,因此需要 Javascript。

一个示例,它将向表中添加新行:

var table = document.getElementById('[tablebodyelement]'),
    row = document.createElement('tr'),
    data = ["cell1", "cell2", "cell3"];

for(var i=0; i<row.length; i++){
  var cell = document.createElement('td');
  td.appendChild(document.createTextnode(row[i]));
  row.appendChild(td);
}

table.appendChild(row);

If you want to dynamically create table cells, you need to manipulate the DOM, so you need Javascript.

An example, which will add a new row to a table:

var table = document.getElementById('[tablebodyelement]'),
    row = document.createElement('tr'),
    data = ["cell1", "cell2", "cell3"];

for(var i=0; i<row.length; i++){
  var cell = document.createElement('td');
  td.appendChild(document.createTextnode(row[i]));
  row.appendChild(td);
}

table.appendChild(row);
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文