html 循环list取值放入生成的3行表格中,超过3行新生成表格
时间: 2023-06-15 11:08:37 浏览: 194
可以使用 JavaScript 来实现这个功能。首先,需要一个数组来存储需要循环的数据,例如:
```javascript
var data = ["数据1", "数据2", "数据3", "数据4", "数据5", "数据6", "数据7", "数据8", "数据9", "数据10"];
```
然后,可以使用以下代码来循环并生成表格:
```javascript
var table = document.createElement("table"); // 创建一个表格元素
var rowCount = 0; // 行数
var cellCount = 0; // 列数
for (var i = 0; i < data.length; i++) {
if (cellCount === 0) {
// 创建新行
var row = table.insertRow(rowCount);
rowCount++;
}
// 添加单元格
var cell = row.insertCell(cellCount);
cell.innerHTML = data[i];
cellCount++;
if (cellCount === 3) {
// 如果列数达到 3,重置列数并开始新的一行
cellCount = 0;
}
}
// 将表格添加到页面中
document.body.appendChild(table);
```
这段代码会生成一个表格,每行最多包含 3 个单元格。如果数据超过了 3 行,则会自动生成新的表格。