js生成一个sow的表格html模板
时间: 2023-06-26 17:06:11 浏览: 178
以下是一个基本的生成sow表格的HTML模板,你可以使用JavaScript动态生成表格内容:
```html
<table class="sow-table">
<thead>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>Row 1, Column 1</td>
<td>Row 1, Column 2</td>
<td>Row 1, Column 3</td>
</tr>
<tr>
<td>Row 2, Column 1</td>
<td>Row 2, Column 2</td>
<td>Row 2, Column 3</td>
</tr>
</tbody>
</table>
```
你可以使用JavaScript来生成表格内容,例如:
```javascript
// 获取table元素
const table = document.querySelector('.sow-table');
// 生成表格内容
const data = [
{ col1: 'Row 1, Column 1', col2: 'Row 1, Column 2', col3: 'Row 1, Column 3' },
{ col1: 'Row 2, Column 1', col2: 'Row 2, Column 2', col3: 'Row 2, Column 3' },
];
data.forEach(rowData => {
const row = document.createElement('tr');
Object.values(rowData).forEach(cellData => {
const cell = document.createElement('td');
cell.textContent = cellData;
row.appendChild(cell);
});
table.querySelector('tbody').appendChild(row);
});
```
这将生成一个包含两行数据的sow表格。你可以根据需要修改表格的列数和行数,并使用JavaScript动态生成内容。
阅读全文