如何在intern js中生成html报表

// 1. 创建一个用于显示报表的容器元素
var container = document.getElementById('report-container');

// 2. 生成报表数据
function generateReportData() {
  // 这里可以使用intern js提供的API或者其他方式获取数据
  var data = [
    { name: 'John', age: 25, city: 'New York' },
    { name: 'Jane', age: 30, city: 'London' },
    { name: 'Tom', age: 35, city: 'Tokyo' }
  ];
  return data;
}

// 3. 生成报表的HTML结构
function generateReportHTML(data) {
  var table = document.createElement('table');
  var thead = document.createElement('thead');
  var tbody = document.createElement('tbody');

  // 创建表头
  var headerRow = document.createElement('tr');
  for (var key in data[0]) {
    var th = document.createElement('th');
    th.textContent = key;
    headerRow.appendChild(th);
  }
  thead.appendChild(headerRow);

  // 创建表格内容
  for (var i = 0; i < data.length; i++) {
    var row = document.createElement('tr');
    for (var key in data[i]) {
      var cell = document.createElement('td');
      cell.textContent = data[i][key];
      row.appendChild(cell);
    }
    tbody.appendChild(row);
  }

  table.appendChild(thead);
  table.appendChild(tbody);

  return table;
}

// 4. 将生成的HTML报表插入到容器元素中
var reportData = generateReportData();
var reportHTML = generateReportHTML(reportData);
container.appendChild(reportHTML);