js用table展示动态数组中的数据，列的个数固定，行的个数不固定

在JavaScript中，你可以使用HTML `<table>`元素结合数组数据动态创建表格。如果你有一个列数固定的数组，比如产品信息数组，每条记录包含几项基本属性（如名称、价格、库存），而行的数量根据产品的数量变化，可以这样做：

1. 首先，获取动态数组的数据。

let products = [
  { name: '产品A', price: '10元', stock: '100件' },
  { name: '产品B', price: '20元', stock: '50件' },
  // 更多产品...
];

2. 创建一个新的表格元素，并设置固定列数。

<table id="productTable" border="1">
  <thead>
    <tr>
      <th>名称</th>
      <th>价格</th>
      <th>库存</th>
    </tr>
  </thead>
  <tbody id="tableBody"></tbody>
</table>

3. 使用JavaScript遍历数组，动态生成表格行。

const tableBody = document.getElementById('tableBody');

products.forEach(product => {
  const newRow = document.createElement('tr');
  
  Object.values(product).forEach(value => {
    const newCell = document.createElement('td');
    newCell.textContent = value;
    newRow.appendChild(newCell);
  });

  tableBody.appendChild(newRow);
});