将json数据渲染到页面中 JSON数据的每一条对应类名为group-table的div,<div class="group-table"><div class="table-header"><div class="inline-editor">六盘水10kv母线室</div> <i class="iconfont icon-yuanchengcaokong"></i></div><table class="s-table"><thead><tr><th>数据集id</th><th>数据量</th><th>最近导入状态</th><th>标注类型</th><th>标注状态</th> <th>操作</th></tr></thead><tbody><tr><td><span>20230531</span></td><td><span>41</span></td><td><span>已完成</span></td><td><span>物体检测</span></td><td><span>100%(41/41)</span></td> <td><span><div class="render-ctl"><a href="" class="ctl-item link-blue">查看与标注</a><a href="" class="ctl-item link-blue">导入</a><a href="" class="ctl-item link-blue">删除</a> </div></span></td></tr></tbody></table></div>,json每条数据参数有{id,name,type,imageNum,imageTagNum}id对应表格中数据集id的值,name对应.inline-editor中的内容,type=1标注状态的值为物体检测,type=0标注状态值为语义分割,

首先，你需要将获取到的 JSON 数据进行解析。假设 JSON 数据存储在变量 jsonData 中，你可以使用以下代码进行解析：

const data = JSON.parse(jsonData);

接下来，你可以使用循环将每一条数据渲染到页面中。代码如下：

const container = document.querySelector('.container');
for (let i = 0; i < data.length; i++) {
  const item = data[i];
  const table = document.createElement('div');
  table.className = 'group-table';
  const header = document.createElement('div');
  header.className = 'table-header';
  const editor = document.createElement('div');
  editor.className = 'inline-editor';
  editor.innerText = item.name;
  header.appendChild(editor);
  const icon = document.createElement('i');
  icon.className = 'iconfont icon-yuanchengcaokong';
  header.appendChild(icon);
  table.appendChild(header);
  const sTable = document.createElement('table');
  sTable.className = 's-table';
  const thead = document.createElement('thead');
  const tr = document.createElement('tr');
  const th1 = document.createElement('th');
  th1.innerText = '数据集id';
  tr.appendChild(th1);
  const th2 = document.createElement('th');
  th2.innerText = '数据量';
  tr.appendChild(th2);
  const th3 = document.createElement('th');
  th3.innerText = '最近导入状态';
  tr.appendChild(th3);
  const th4 = document.createElement('th');
  th4.innerText = '标注类型';
  tr.appendChild(th4);
  const th5 = document.createElement('th');
  th5.innerText = '标注状态';
  tr.appendChild(th5);
  const th6 = document.createElement('th');
  th6.innerText = '操作';
  tr.appendChild(th6);
  thead.appendChild(tr);
  const tbody = document.createElement('tbody');
  const tr2 = document.createElement('tr');
  const td1 = document.createElement('td');
  const span1 = document.createElement('span');
  span1.innerText = item.id;
  td1.appendChild(span1);
  tr2.appendChild(td1);
  const td2 = document.createElement('td');
  const span2 = document.createElement('span');
  span2.innerText = item.imageNum;
  td2.appendChild(span2);
  tr2.appendChild(td2);
  const td3 = document.createElement('td');
  const span3 = document.createElement('span');
  span3.innerText = '已完成';
  td3.appendChild(span3);
  tr2.appendChild(td3);
  const td4 = document.createElement('td');
  const span4 = document.createElement('span');
  span4.innerText = item.type === 1 ? '物体检测' : '语义分割';
  td4.appendChild(span4);
  tr2.appendChild(td4);
  const td5 = document.createElement('td');
  const span5 = document.createElement('span');
  span5.innerText = '100%(' + item.imageTagNum + '/' + item.imageNum + ')';
  td5.appendChild(span5);
  tr2.appendChild(td5);
  const td6 = document.createElement('td');
  const span6 = document.createElement('span');
  const div6 = document.createElement('div');
  div6.className = 'render-ctl';
  const a1 = document.createElement('a');
  a1.className = 'ctl-item link-blue';
  a1.href = '';
  a1.innerText = '查看与标注';
  const a2 = document.createElement('a');
  a2.className = 'ctl-item link-blue';
  a2.href = '';
  a2.innerText = '导入';
  const a3 = document.createElement('a');
  a3.className = 'ctl-item link-blue';
  a3.href = '';
  a3.innerText = '删除';
  div6.appendChild(a1);
  div6.appendChild(a2);
  div6.appendChild(a3);
  span6.appendChild(div6);
  td6.appendChild(span6);
  tr2.appendChild(td6);
  tbody.appendChild(tr2);
  sTable.appendChild(thead);
  sTable.appendChild(tbody);
  table.appendChild(sTable);
  container.appendChild(table);
}

以上代码会将 JSON 数据中的每一条渲染成一个包含表格的 div，然后将其添加到类名为 container 的元素中。你需要将这个元素添加到页面中，并确保样式正确。