html 表导出Excel和PDF

最新推荐文章于 2024-09-20 21:04:52 发布
最新推荐文章于 2024-09-20 21:04:52 发布
阅读量396 收藏
点赞数

<html>
 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        
    </head>
 
    <body link="blue" vlink="purple">
        <table id="print-content" border="1" cellpadding="0" cellspacing="0" style='border-collapse:collapse;table-layout:fixed;'>
            <colgroup>
                <col width="80 ">
                <col width="80 ">
                <col width="150 ">
                <col width="80 ">
                <col width="150 ">
                <col width="80 ">
                <col width="80 ">
            </colgroup>
            <tr height="20" style="text-align: center;font-size:18px">
                <td colspan="7">会签单</td>
            </tr>
            <tr height="20" style="text-align: center;font-size:14px">
                <td></td>
                <td colspan="2">流转</td>
                <td></td>
                <td colspan="3">会议</td>
            </tr>
            <tr height="20" style="text-align: center;font-size:14px">
                <td>名称</td>
                <td colspan="2">自动获取</td>
                <td>编号</td>
                <td colspan="3">自动获取</td>
            </tr>
            <tr height="20" style="text-align: center;font-size:14px">
                <td>主持</td>
                <td colspan="2">自动获取</td>
                <td>类型</td>
                <td colspan="3">自动获取</td>
            </tr>
            <tr height="20" style="text-align: center;font-size:14px">
                <td>人</td>
                <td colspan="2">自动获取</td>
                <td>日期</td>
                <td colspan="3">自动获取</td>
            </tr>
            <tr height="100" style="text-align: center;font-size:14px">
                <td rowspan="5">内容</td>
                <td colspan="6" rowspan="5">自动获取</td>
            </tr>
            <tr/>
            <tr/>
            <tr/>
            <tr/>
            <tr height="20" style="text-align: center;font-size:14px">
                <td>备注</td>
                <td colspan="6">自动获取</td>
            </tr>
            <tr height="24" style="text-align: center;font-size:16px">
                <td colspan="7">意见</td>
            </tr>
            <tr height="24" style="text-align: center;font-size:14px">
                <td>序号</td>
                <td>人</td>
                <td>部门</td>
                <td>意见</td>
                <td>时间</td>
                <td>节点</td>
                <td>状态</td>
            </tr>
            <tr height="20" style="text-align: center;font-size:14px">
                <td>1</td>
                <td>顾</td>
                <td>办公室</td>
                <td>同意！</td>
                <td>2018/5/14 15:21</td>
                <td></td>
                <td>已提交</td>
            </tr>
        </table>
        <!-- 下载方法1.超链接_导出文件-->
        <a id="print-click">超链接_导出表格</a>
        <!-- 下载方法2.引入文件保存js-->
        <input type="button" οnclick="download()" value="函数_导出表格"></input>
        <input type="button" οnclick="printout()" value="打印"></input>
        <!-- 下载方法2.引入文件保存js-->
        <script type="application/javascript" src="js/FileSaver.js" ></script>
                <script type="text/javascript" src="bootstrap/js/FileSaver.js"></script>
        <script>
            // 使用outerHTML属性获取整个table元素的HTML代码（包括<table>标签），然后包装成一个完整的HTML文档，设置charset为urf-8以防止中文乱码
            var html = "<html><head><meta charset='utf-8' /></head><body>" + document.getElementById("print-content").outerHTML + "</body></html>

qq_739246247
关注
html页面表格导出excel（原生js浏览器全兼容）
09-10
如果后台不提供导出excel表格的接口，那么我们js有自己的方法可以支持。操作简单，可封装。完全抛弃后台，自己展示，自己导出，非常实用，资源内包含demo，一目了然。（原生js浏览器全兼容）
easypoi的使用demo，包含Excel模板导出，html导出Excel，Excel导出pdf等
08-07
在标题和描述中提到的几个关键功能，我们将详细探讨如何使用Easy POI进行Excel模板导出、HTML导出为Excel以及Excel导出为PDF。 1. Excel模板导出： Easy POI允许开发者使用预定义的Excel模板来导出数据。在模板中...
html table导出pdf,Export HTML table to pdf using jspdf
weixin_29378153的博客
06-20 237
Here is working example:in headscript:function demoFromHTML() {var pdf = new jsPDF('p', 'pt', 'letter');// source can be HTML-formatted string, or a reference// to an actual DOM element from which the...
前端学习Day4 HTML 表格（定义➕举例）
最新发布
As977_的博客
09-20 1181
HTML中表格是由行和列组成的结构化数据集（表格数据），它让你快速简单地查找某个表示不同类型数据之间的某种关系的值。
[原]谈HTML表格导出Excel
weixin_33805743的博客
05-18 93
其实这个话题真的很老了，网上到处都有解决方案。不过我还是在这里介绍下吧。   1：Excel是认识HTML代码的，打开http://www.google.com/ ,将html代码右键另存为google.html. 2：使用Excel打开google.html.结果如下图:   从上面的截图我们可以发现Excel是认识HTML代码的，并且能够解析HTML代码。 3：我们知道Exce...
一个不错的能将HTML表格导出为excel,pdf等的jquery插件
jackyrongvip的专栏
12-24 1149
发现一个老外写的不错的jquery插件，可以实现将HTML 表格导出为excel,pdf等格式， 地址在： https://github.com/kayalshri/ 下面看个例子，实现导出表格到excel,pdf [code="java"] Export html table to excel and csv using jquery ...
html表格导出到Excel
kaleid_liner的博客
04-13 1028
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;link rel="stylesheet" type="text/css" href="css/
HTML表格导出到EXCEL
zhang_zxl11的专栏
09-22 341
HTML表格导出到EXCEL var idTmr; function getExplorer() {     var explorer = window.navigator.userAgent;     //ie     if (explorer.indexOf("MSIE") >= 0)     {         return 'ie';     }     //fir
报表导出excel word pdf html
09-11
"报表导出excel word pdf html"这个主题涵盖了将数据导出为不同格式的技术，这些格式都是日常工作和交流中常用的文档类型。以下是关于这些格式以及如何在Java环境中实现导出的详细知识： 1. Excel：Microsoft Excel...
jquery表格导出插件表格为Excel和pdf文档的详细实例源码.rar
01-27
在本实例中，我们将关注一个基于jQuery的表格导出插件——`jQuery Table Export`，该插件可以帮助开发者轻松实现将表格数据导出为Excel和PDF文档。 `jQuery Table Export`插件的核心功能在于它能够处理HTML表格，并...
使用jasperreports制作报表（导出pdf excel html）
05-24
4. **导出报表**：`JasperExportManager.exportReportToPdfFile()`, `JasperExportManager.exportReportToHtmlFile()` 和 `JasperExportManager.exportReportToXlsFile()` 分别用于导出报表为PDF、HTML和Excel格式。...
页面html Table表格导出Execl
08-20
将页面中的HtmlTable，导出为Execl 支持合并单位元、合并行等操作。续之前的优化了计算算法，升级了代码。
html表格导出Excel
07-27
NULL 博文链接：https://lisanlai.iteye.com/blog/767696
HTML导出EXCEL
07-28
NULL 博文链接：https://quicker.iteye.com/blog/801756
Html导出Excel文件(兼容所有浏览器)
11-01
Html导出Excel文件(兼容所有浏览器)Html导出Excel文件(兼容所有浏览器)
html表格导出到excel
07-23
html表格导出到excel 附例子，包括html导出到Excel，还有Ｃ＃导出到Ｅｘｃｅｌ
PB使用HTML格式导出Excel.rar_excel_pb excel_pb html_pb导出excel_pb读取html文
09-23
总的来说，PB通过HTML格式导出Excel是一种实用的方法，它结合了数据窗口的强大功能和HTML的通用性。不过，这种方式有其限制，例如对复杂格式的支持不足。在实际应用中，开发者需要根据项目需求和资源来决定是否采用...
前端导出excel和pdf
07-28
前端导出Excel和PDF是常见的需求，可以通过以下方法实现： 1. 导出Excel： - 使用第三方库，如`xlsx`或`exceljs`，通过将数据转换为Excel文件格式进行导出。 - 创建一个表格，将数据填充到表格中，并使用`Blob`对象将表格导出为Excel文件。 - 使用HTML表格标签和数据URI，将表格内容以Excel文件格式导出。 2. 导出PDF： - 使用第三方库，如`jsPDF`或`pdfmake`，通过将数据转换为PDF格式进行导出。 - 使用HTML和CSS样式来创建一个可打印的页面，然后使用`window.print()`方法将其保存为PDF文件。 - 使用服务器端的PDF生成库，如`wkhtmltopdf`或`PhantomJS`，通过发送请求将HTML页面转换为PDF文件并下载。 具体实现方式会根据你使用的技术栈和需求而有所不同。你可以根据具体情况选择适合你的方法进行实现。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值