将CSV行读入数组，以在页面的不同区域显示单独的行

// 假设CSV文件的内容如下：
// Name,Age,Email
// John,25,john@example.com
// Jane,30,jane@example.com

// 读取CSV文件内容
const csvContent = `Name,Age,Email
John,25,john@example.com
Jane,30,jane@example.com`;

// 将CSV行读入数组
const rows = csvContent.split('\n'); // 按换行符分割每一行
const headers = rows[0].split(','); // 第一行为表头
const data = rows.slice(1).map(row => row.split(',')); // 从第二行开始为数据

// 在页面的不同区域显示单独的行
const tableElement = document.createElement('table');
const theadElement = document.createElement('thead');
const tbodyElement = document.createElement('tbody');

// 创建表头
const headerRow = document.createElement('tr');
headers.forEach(header => {
  const thElement = document.createElement('th');
  thElement.textContent = header;
  headerRow.appendChild(thElement);
});
theadElement.appendChild(headerRow);
tableElement.appendChild(theadElement);

// 创建数据行
data.forEach(row => {
  const trElement = document.createElement('tr');
  row.forEach(cell => {
    const tdElement = document.createElement('td');
    tdElement.textContent = cell;
    trElement.appendChild(tdElement);
  });
  tbodyElement.appendChild(trElement);
});
tableElement.appendChild(tbodyElement);

// 将表格添加到页面的不同区域
const tableContainer1 = document.getElementById('table-container1');
tableContainer1.appendChild(tableElement);

const tableContainer2 = document.getElementById('table-container2');
tableContainer2.appendChild(tableElement);