js导出gridview到excel

最新推荐文章于 2016-10-14 17:03:00 发布
最新推荐文章于 2016-10-14 17:03:00 发布
阅读量708 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： jquery控件使用 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/sinple123456/article/details/43706571
本文介绍了一种将HTML表格转换为Excel文件的方法。通过JavaScript实现，支持导出带有样式的表格，并提供了示例代码和使用效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

<html>
<head>
<script type="text/javascript">
    var tableToExcel = (function() {
        var uri = 'data:application/vnd.ms-excel;base64,'
    , template = '<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:x="urn:schemas-microsoft-com:office:excel" xmlns="http://www.w3.org/TR/REC-html40"><head><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
    , base64 = function(s) { return window.btoa(unescape(encodeURIComponent(s))) }
    , format = function(s, c) { return s.replace(/{(\w+)}/g, function(m, p) { return c[p]; }) }
        return function(table, name) {
            if (!table.nodeType) table = document.getElementById(table)
            var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
            window.location.href = uri + base64(format(template, ctx))
        }
    })()
</script>
</head>
<body>
<h1>tableToExcel Demo</h1>
<p>Exporting the W3C Example Table</p>


<input type="button" onclick="tableToExcel('GridViewBoiler', 'W3C Example Table')" value="Export to Excel">


<table cellspacing="0" cellpadding="4" rules="all" border="1" id="Table1" style="color:#333333;width:100%;border-collapse:collapse;">
<tbody><tr style="color:White;background-color:#507CD1;font-weight:bold;">
<th scope="col">序号</th><th scope="col">参数描述</th><th scope="col">--望亭发电有限公司--#11机组--锅炉本体试验--2015-02-09 14:40:53--</th>
</tr><tr style="background-color:#EFF3FB;">
<td align="center">1</td><td align="left">入炉煤收到基低位发热量(KJ/Kg)</td><td>19600.0000</td>
</tr><tr style="background-color:White;">
<td align="center">2</td><td align="left">入炉煤收到基灰分(%)</td><td>23.6000</td>
</tr><tr style="background-color:#EFF3FB;">
<td align="center">3</td><td align="left">入炉煤收到基水分(%)</td><td>4.1800</td>
</tr><tr style="background-color:White;">
<td align="center">4</td><td align="left">入炉煤收到基碳含量(%)</td><td>57.4900</td>
</tr><tr style="background-color:#EFF3FB;">
<td align="center">5</td><td align="left">入炉煤收到基氢含量(%)</td><td>3.6500</td>
</tr><tr style="background-color:White;">
<td align="center">6</td><td align="left">入炉煤收到基氧含量(%)</td><td>9.9500</td>
</tr><tr style="background-color:White;">
<td align="center">20</td><td align="left">换算至设计送风温度时的排烟温度(%)</td><td>122.0239</td>
</tr><tr style="background-color:#EFF3FB;">
<td align="center">21</td><td align="left">修正后锅炉热效率(%)</td><td>91.2669</td>
</tr>
</tbody></table>


</body>

</html>



效果图：


js 导出gridview生成table到excel
02-10
将gridview生成的table导出到excel，JavaScript实现，可直接运行。
Aspnetpager对GridView分页并顺利导出Excel
10-22
在***环境中，Aspnetpager是一个广泛使用的分页控件，它可以与GridView控件配合使用，实现数据的分页显示，并且支持将分页后的数据导出到Excel文件中。 分页技术主要分为真分页和假分页两种。假分页（也称缓存分页...
JS导出gridview到excel
weixin_30319097的博客
12-18 153
<html> <head> <script type="text/javascript"> var tableToExcel = (function () { var uri = 'data:application/vnd.ms-excel;base64,' , template =...
Gridview中的内容导出到Excel
Think before you leap！
11-14 415
 　　Asp.net 2.0中新增的gridview控件，是十分强大的数据展示控件，在前面的系列文章里，分别展示了其中很多的基本用法和技巧。在本文中，将继续探讨有关的技巧。 　　一、Gridview中的内容导出到Excel　　在日常工作中，经常要将gridview中的内容导出到excel报表中去，在asp.net 2.0中，同样可以很方便地实现将整个gridview中的内容导出到excel
GridView导出Excel/Word
weixin_34008933的博客
04-04 73
  Codeusing System;using System.Collections.Generic;using System.Text;using System.IO;using System.Web;using System.Web.UI;using System.Web.Security;using System.Web.UI.WebControls;using System.Web.U...
ASP.NET2.0中将GridView导出到Excel文件中
zgqtxwd的专栏
05-01 396
<!--google_ad_client = "pub-2947489232296736";/* 728x15, 创建于 08-4-23MSDN */google_ad_slot = "3624277373";google_ad_width = 728;google_ad_height = 15;//--><script type="text/javascript"
GridView选择性导出Excel解决方案
10-26
具体实现步骤包括前台通过按钮触发导出事件，然后调用JavaScript函数，该函数检测GridView中的复选框是否被选中，如果选中，则将对应行的主键信息存储到一个数组中，并将其转换成JSON字符串。之后，利用AJAX以POST...
gridview浏览器打印和导出excel
01-06
接下来，我们讨论如何导出GridView到Excel。ASP.NET提供了多种方法实现此功能，例如使用HTML表格或ADO.NET。这里我们介绍一种常见的基于HTML的方法： 1. 在后台，遍历GridView并生成HTML表格字符串，例如： ```...
ASP.NET GridView内容快速导出到Excel方法
然而，当需要将GridView中的数据导出到Excel文件中时，需要借助于额外的代码来实现这一功能。这个过程通常包括以下几个方面： 1. GridView数据准备 - 从数据源获取数据并绑定到GridView控件，通常数据源可以是...
GridView导出Excel DataTable导出Excel 实例源码
04-18
VS2008+Access数据库制作分别实现了GridView导出Excel和DataTable直接导出Excel不再需要绑定GridView,希望可以帮到需要的朋友们。
js列表数据导出到excel表中
12-14
如何将Java后台获取回的数据导出到Excel表中
javascript 将table数据导出到excel中（支持表格线的导出）
03-18
NULL 博文链接：https://bear999.iteye.com/blog/692594
GridView导出Excel常见的5种文本格式 原创
01-02
1） 文本：vnd.ms-excel.numberformat:@ 2） 日期：vnd.ms-excel.numberformat:yyyy/mm/dd 3） 数字：vnd.ms-excel.numberformat:#,##0.00 4） 货币：vnd.ms-excel.numberformat:￥#,##0.00 5） 百分比：vnd.ms-excel.numberformat: #0.00% 用法：在GridView的RowDataBound事件中加入代码e.Row.Cells[0].Attributes.Add(“style”, “vnd.ms-excel.numberformat:@
纯JS对页面表格进行EXCEL导出（完整导出，包含页面样式）
01-08
** 纯JS对页面表格进行EXCEL导出 ** 1.中间部分在style标签那种可以使用css样式对表格进行任意样式的修改 2.在tableid[removed]中可以对表格中的内容进行修改替换（其中放的内容就是导出后的表格内容） 3.需要引入xlsx.full.min.js文件 4.tableid为为表格的id 5.sheetName为下载后的文件名称 base64(excelFile) { return window.btoa(unescape(encodeURIComponent(excelFile))) }, t
Gridview导出Excel方法
weixin_33911824的博客
05-08 220
方法一: 前台： <asp:Button ID="btnExcel" runat="server" Text="导出Excel" /> 后...
GridView 导出Excel的方法
mynewfire的专栏
11-24 789
StringBuilder sb = new StringBuilder(); StringWriter sw = new StringWriter(sb); HtmlTextWriter htw = new HtmlTextWriter(sw); Page page = new Page(); HtmlForm form = new HtmlForm(); GridView1.
GridView导出Excel
chen846262292的专栏
03-13 3114
protected void btnToExcel_Click(object sender, EventArgs e) { this.EnableViewState = false; gridView.AllowPaging = false; BindData(); Gridview_To_Excel(gridView);
JavaScript将页面中的table数据导出到excel
柳岸花明
06-04 1199
  js. function toexcel(){ // start excel and get application object. var oxl = new ActiveXObject("excel.application"); // get a new workbook. var owb = oxl.workbooks.add(); v
纯JS 将table表格导出到excel
weixin_34250709的博客
10-14 125
html <div > <button type="button" onclick="getXlsFromTbl('tableExcel','myDiv')">IE导出Excel方法</button> <button type="button" onclick="method5('tableExcel')">Chrome导出...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值