회사에서는 최근 백엔드 관리 시스템을 변경했습니다. 원장 항목 등을 엑셀 테이블로 내보내는 데 필요한데, query.table2excel.js를 통해 구현하는데 시간이 많이 걸렸습니다. 물론 어떻게 해야 하는지 모르겠습니다. 있다면 나에게 메시지를 남겨주세요. 이 기사에서는 주로 HTML 테이블을 Excel 테이블로 생성하는 예제를 공유합니다. 에디터가 꽤 좋다고 생각해서 지금 공유해서 참고용으로 올려보겠습니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<table class="table"> //表格
<tr class="noExl"> //加class是为了有些你不想导出用来选则
<th>Header</th>
<th>111</th>
</tr>
<tr>
<td>Data</td>
<td>222</td>
</tr>
</table>
<button id="btn">导出</button>
<script src="js/jquery-1.11.0.min.js" type="text/javascript" charset="utf-8"></script>//引入jquery
<script src="js/jquery.table2excel.js" type="text/javascript" charset="utf-8"></script> //引入jquer插件
<script type="text/javascript">
$("#btn").click(function(){ //点击按钮执行导出
$(".table").table2excel({ //选取导出的表格
exclude: ".noExl", //写你不想都想导出的
name: "Excel Document Name",
filename: "项目", //导出的文件名
exclude_img: true, //是否导出图片
exclude_links: true,
exclude_inputs: true
});
})
</script>
</body>
</html>관련 권장 사항:
php를 사용하여 Excel 테이블을 내보내고 생성하는 여러 방법 소개
위 내용은 Excel 테이블 예제를 생성하기 위한 프런트 엔드 HTML 테이블의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
