如何把json数据用表格展示

 时间:2024-10-13 23:30:26

1、第一步在我们的电脑上打开软件,新建一个html文件,来将json数据显示在页面表格上,如下图所示:

如何把json数据用表格展示

2、第二步我们在html页面body里面,创建一个表格,并写好表头,如下图所示:

如何把json数据用表格展示

3、第三步我们通过style中css样式来设置表格的样式,如下图所示:

如何把json数据用表格展示

4、第四步我们将json数据放在<script type="text/java衡痕贤伎script"></script>里面,如下图所示:

如何把json数据用表格展示

5、第五步页面加载的时候,通过table.insertRow(),var td = tr.in衡痕贤伎sertCell(),td.innerText方法将json数据插入到页面表格,如下图所示:

如何把json数据用表格展示

6、第六步我们在浏览器中打开html页面,可以看到json中的两条数据显示在表格上了,如下图所示:

如何把json数据用表格展示
  • html如何设置表格单元格垂直居中
  • eclipse如何手动导包
  • eclipse如何修改java(JDK)默认版本
  • java怎么修改环境变量
  • 如何修改Eclipse的背景色
  • 热门搜索
    什么粉底液好用 什么叫私生饭 充气娃娃什么感觉 西安有什么好玩的 五戒十善是什么 减肥运动 310什么意思 认缴制是什么意思 入木三分的意思是什么 六神无主是什么意思