如何把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的背景色
  • 热门搜索
    高中英语手抄报 安全手抄报内容资料 六一手抄报内容简短 清正廉洁手抄报 小学生四年级手抄报 读书手抄报内容大全 简单漂亮元旦节手抄报 少先队建队日手抄报 世界环境日手抄报 庆国庆手抄报简单漂亮