javascript系列：tableExport导出 excel报表

jQuery插件将HTML表格导出为Excel格式文件 - tableexport.js插件http://www.jqueryfuns.com/resource/2381js的引用jquery-3.3.1.min.js、tableExport.js、base64.js网上找js很麻烦，这有链接tableExport.js :https://github.com/hhurz/tableExport.

吃鱼的羊

664人浏览 · 2020-06-09 18:15:00

吃鱼的羊 · 2020-06-09 18:15:00 发布

jQuery插件将HTML表格导出为Excel格式文件 - tableexport.js插件

http://www.jqueryfuns.com/resource/2381

js的引用

jquery-3.3.1.min.js、tableExport.js、base64.js

网上找js很麻烦，这有链接

tableExport.js : https://github.com/hhurz/tableExport.jquery.plugin

base64.js :https://github.com/davidchambers/Base64.js

2.要导出的数据（页面展示样式）

3.代码实例

<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<html>

<head>

<title>Title</title>

</head>

<style>

html,body{

width: 99%;

height: 99%;

font-family: "微软雅黑";

font-size: 12px;

}

#tables{

width: 100%;

text-align: center;

border: 1px #000 solid;

border-collapse: collapse;

}

#tables th,#tables td{

border: 1px solid #000000;

}

#tables th{

font-size: 14px;

font-weight: bolder;

}

</style>

<body>

<table id="tables">

<thead>

<tr>

<th>姓名</th>

<th>性别</th>

<th>年龄</th>

<th>地址</th>

</thead>

<tbody>

<tr>

<td>素小暖</td>

<td>女</td>

<td>23</td>

<td>辽宁省大连市</td>

</tr>

<tr>

<td>素小暖</td>

<td>男</td>

<td>21</td>

<td>大窑沟</td>

</tr>

</tbody>

</table>

<input type="button" id="export" value="导出"/>

</body>

<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>

<script type="text/javascript" src="js/tableExport.js"></script>

<script type="text/javascript" src="js/base64.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("#export").click(function(){

$("#tables").tableExport({type:"excel",escape:"false"});

});

</script>

</html>

AI Agent技术社区

Agent 垂直技术社区，欢迎活跃、内容共建。

更多推荐

【免费下载】 index-tts-vllm：高性能文本转语音解决方案

`index-tts-vllm` 是一款开源的文本转语音（TTS）项目，基于 `index-tts` 进行了优化，通过引入 `vllm` 库重新实现了 GPT 模型的推理过程，大幅提升了推理速度和并发处理能力。项目旨在为开发者提供一个高效、稳定、易于集成的 TTS 解决方案。## 项目技术分析`index-tts-vllm` 采用了以下核心技术：- **vllm 库**：用于加速 GP

AI Agent技术社区

AgentScope示例应用：多智能体对话

在人工智能快速发展的今天，单一智能体已经难以满足复杂任务的需求。想象一下这样的场景：一个项目团队需要讨论技术方案，不同专业背景的成员各抒己见，最终达成共识。这正是多智能体对话要解决的问题——让多个AI智能体像真实团队成员一样进行有意义的交流。AgentScope作为面向开发者的多智能体编程框架，提供了强大的多智能体对话能力。本文将深入探讨如何使用AgentScope构建高效的多智能体对话系统。..