用html写一个表格,当有数据出入时显示,没有数据是隐藏,表格列名为报表编号,上传结果以及失败原因
时间: 2024-02-27 20:53:45 浏览: 18
好的,以下是一个简单的HTML表格代码,可以根据你的需求进行修改:
```html
<div id="table-container" style="display:none;">
<table>
<thead>
<tr>
<th>报表编号</th>
<th>上传结果</th>
<th>失败原因</th>
</tr>
</thead>
<tbody id="table-body">
<!-- 数据行会根据需要动态添加 -->
</tbody>
</table>
</div>
<script>
// 用JS控制表格的显示和隐藏
var tableContainer = document.getElementById("table-container");
// 当有数据时显示表格
if (/* 判断是否有数据 */) {
tableContainer.style.display = "block";
}
// 动态添加数据行
var tableBody = document.getElementById("table-body");
/* 根据数据添加行,例如:
tableBody.innerHTML += `
<tr>
<td>报表001</td>
<td>上传成功</td>
<td></td>
</tr>
`;*/
</script>
```
注意:这只是一个简单的示例代码,需要根据具体情况进行修改。