tree 结合使用table做一个工单表
时间: 2023-07-16 08:15:12 浏览: 87
tree-table:一个树状菜单的表格
可以使用如下的HTML代码实现一个工单表:
```
<table>
<thead>
<tr>
<th>工单编号</th>
<th>工单内容</th>
<th>创建时间</th>
<th>状态</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>安装新软件</td>
<td>2021-05-01 10:00:00</td>
<td>待处理</td>
</tr>
<tr>
<td>2</td>
<td>修改用户权限</td>
<td>2021-05-02 11:30:00</td>
<td>处理中</td>
</tr>
<tr>
<td>3</td>
<td>备份数据库</td>
<td>2021-05-03 14:20:00</td>
<td>已完成</td>
</tr>
</tbody>
</table>
```
使用`<table>`标签创建表格,使用`<thead>`和`<tbody>`标签分别定义表头和表体。在表头中使用`<th>`标签定义每列名称,表体中使用`<tr>`和`<td>`标签定义每行内容。可以根据实际需求添加或删除列、行,也可以使用CSS样式对表格进行美化。同时,使用`<ul>`和`<li>`标签可以创建树形结构,可以在表格中嵌套使用。
阅读全文