请采用javascript实现多行多列表格打印

在JavaScript中，创建一个多行多列的表格通常通过动态生成HTML来完成。下面是一个简单的示例，展示如何利用数组数据动态构建一个表格：

// 假设我们有以下数据
let data = [
  { name: '姓名1', age: '25', skill: 'JavaScript' },
  { name: '姓名2', age: '30', skill: 'Python' },
  { name: '姓名3', age: '28', skill: 'React' }
];

// 创建一个函数用于生成表格行
function createTableRow(rowData) {
  let rowHtml = '<tr>';
  for (let key in rowData) {
    rowHtml += `<td>${rowData[key]}</td>`;
  }
  rowHtml += '</tr>';
  return rowHtml;
}

// 使用map()遍历数据并生成表格
let tableBody = '<tbody>';
data.forEach((item, index) => {
  tableBody += createTableRow(item);
});
tableBody += '</tbody>';

// 定义HTML模板并插入动态生成的表格
let htmlTemplate = `
  <table border="1">
    <thead>
      <tr>
        <th>姓名</th>
        <th>年龄</th>
        <th>技能</th>
      </tr>
    </thead>
    <tbody>{tableBody}</tbody>
  </table>
`;

// 将HTML插入到页面上
document.getElementById('yourTableId').innerHTML = htmlTemplate.replace('{tableBody}', tableBody);

在这个例子中，我们首先定义了表格的结构，然后用数据的每一条作为新行生成对应的HTML片段，并将其插入到`<tbody>`标签中。最后将整个HTML字符串插入到页面上指定的ID为`yourTableId`的元素中。