javascript - 如何使用 javascript 生成带有图表数据的表格?
解决方案
您可以使用 JSON 动态创建表:
Javascript
var table = document.createElement("table");
// CREATE HTML TABLE HEADER ROW USING THE EXTRACTED HEADERS ABOVE.
var tr = table.insertRow(-1); // TABLE ROW.
for (var i = 0; i < col.length; i++) {
var th = document.createElement("th"); // TABLE HEADER.
th.innerHTML = col[i];
tr.appendChild(th);
}
// ADD JSON DATA TO THE TABLE AS ROWS.
for (var i = 0; i < YourData.length; i++) {
tr = table.insertRow(-1);
for (var j = 0; j < col.length; j++) {
var tabCell = tr.insertCell(-1);
tabCell.innerHTML = YourData[i][col[j]];
}
}
// FINALLY ADD THE NEWLY CREATED TABLE WITH JSON DATA TO A CONTAINER.
var divContainer = document.getElementById("showData");
divContainer.innerHTML = "";
divContainer.appendChild(table);
您的 HTML:
<p id="showData"></p>
推荐阅读
- php - 如何为json输出php展平数组
- eclipse - 安装 Eclipse 时遇到问题
- html - Facebook 帖子上的“关于本网站”标签
- python - 如何在不保存的情况下将 numpy.array 转换为图像?
- r - R中EEG数据的巴特沃斯过滤
- networkx - NetworkX中遍历路径上的节点编号
- python - Python 无法访问它刚刚在 Windows 启动时截取的屏幕截图
- python - Python:将两列组合在一起并找到第三列的总和
- php-di - PHP-DI:无论如何,定义文件以什么顺序加载到容器中?
- java - 在 Spring Boot 中 - 应用程序数据库未创建