easyExcel使用table去fill
时间: 2024-01-07 18:02:37 浏览: 113
java导出excel模板demo
好的,根据您的问题,我可以提供以下步骤:
1. 在您的HTML页面中创建一个table元素,并设置表头和表格数据。
2. 在JavaScript中获取到表格元素和需要填充的数据。
3. 使用循环遍历数据,并使用JavaScript动态生成表格行和单元格元素,将数据填充到表格中。
4. 最后,使用easyExcel插件将填充好的表格导出成Excel文件。
代码示例:
```
<!-- HTML代码 -->
<table id="userTable">
<thead>
<tr>
<th>ID</th>
<th>姓名</th>
<th>年龄</th>
<th>邮箱</th>
</tr>
</thead>
<tbody>
<!-- 这里是表格数据,可以是静态的,也可以是通过后端接口获取到的 -->
</tbody>
</table>
<script>
// JavaScript代码
var userList = [
{id: 1, name: '张三', age: 20, email: 'zhangsan@example.com'},
{id: 2, name: '李四', age: 22, email: 'lisi@example.com'},
{id: 3, name: '王五', age: 25, email: 'wangwu@example.com'}
];
var userTable = document.getElementById('userTable');
// 动态生成表格数据
for (var i = 0; i < userList.length; i++) {
var user = userList[i];
var tr = document.createElement('tr');
tr.innerHTML = '<td>' + user.id + '</td>' +
'<td>' + user.name + '</td>' +
'<td>' + user.age + '</td>' +
'<td>' + user.email + '</td>';
userTable.tBodies[0].appendChild(tr);
}
// 使用easyExcel导出表格数据
easyExcel.export({
anchor: 'userTable',
fileName: '用户列表.xlsx'
});
</script>
```
注意:这里的userList是个示例数据,具体应根据您的实际情况进行修改。同时,easyExcel的使用也需要您自行引入相关的JavaScript文件。
阅读全文