原文:使用C#或javascript将Table里的数据导出到Excel

Demo效果图:

用C#将Table数据导出Excel:

本方法已经将导出excel做成分部视图，引用时只需在视图中使用如下代码即可：

   @{

                Html.RenderAction("Index", "ExportExcel", new { divId = "report", filename = "hidTitle" });

            }

其中divId为table外层紧连的div的Id，filename为导出的excel名字。本模块使用MVC，以下为Controller部分，其中Index对应所述分布视图。

  public class ExportExcelController : Controller

    {

        [HttpPost]

        [ValidateInput(false)]

        public ActionResult DownloadReport(FormCollection form)

        {

            string excelContent = form["hidTable"];

            string filename = form["hidFileName"];

            ExportToExcel("application/ms-excel", filename + ".xls", excelContent);

            return View();

        }

        public void ExportToExcel(string FileType, string FileName, string ExcelContent)

        {

            System.Web.HttpContext.Current.Response.Charset = "UTF-8";

            System.Web.HttpContext.Current.Response.ContentEncoding = System.Text.Encoding.UTF8;

            System.Web.HttpContext.Current.Response.AppendHeader("Content-Disposition", "attachment;filename=" + HttpUtility.UrlEncode(FileName, System.Text.Encoding.UTF8).ToString());

            System.Web.HttpContext.Current.Response.ContentType = FileType;

            System.IO.StringWriter tw = new System.IO.StringWriter();

            System.Web.HttpContext.Current.Response.Output.Write(ExcelContent.ToString());

            System.Web.HttpContext.Current.Response.Flush();

            System.Web.HttpContext.Current.Response.End();

        }

        public ActionResult Index(string divId, string filename)

        {

            ViewBag.HidDivId = divId;

            ViewBag.FileName = filename;

            return PartialView();

        }

    }

分布视图代码：

@{

    Layout = null;

}

<script type="text/javascript" src="~/Scripts/jquery-1.10.2.js"></script>

<form action="/ExportExcel/DownloadReport" method="post" style="display:inline">

    <input type="hidden" id="hidTable" name="hidTable" value="" />

    <input type="hidden" id="hidFileName" name="hidFileName" value="" />

    <input type="submit" name="btn" id="btnclick" class="btn blue" value="导出Excel文件" />

</form>

<script>

    $(function () {

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

            $("#hidTable").val($("#@ViewBag.HidDivId").html());

            $("#hidFileName").val($("#@ViewBag.FileName").val());

        });

    });

</script>
用javascript将Table数据导出Excel:

js文件地址：链接：http://pan.baidu.com/s/1jGwynWy 密码：kay1

使用方法：

 <a download="@(ViewBag.ExcelName).xls" href="#" onclick="return ExcellentExport.excel(this, 'excelTable', 'Sheet1');">导出Excel文件</a>

其中excelTable对应table的Id值。

Demo使用源码
@{

    Layout = null;

    ViewBag.Title = "ExcelDemo";

}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    <title>@ViewBag.Title</title>

    <style>

        * {

            margin: ;

            padding: ;

        }

        .Data {

            width: %;

            height: 50px;

            background-color: #00ffff;

            text-align: center;

            font-size: 20px;

            color: red;

            line-height: 50px;

            font-weight: bold;

        }

        #report {

            width: %;

            margin:10px %;

        }

        .tablereport1 tr:nth-child(2n+) {

            background: #e4e4e4;

        }

        .tablereport1 td {

            border: none !important;

            padding: 0px 10px;

            height: 40px;

            text-align: center;

        }

        .Down {

            margin: 10px 5px;

            line-height: 30px;

        }

        .Down a {

            border: 1px solid #a4a4a4;

            background-color: #e5e5e5;

            color: #;

            font-size: 14px;

            text-decoration: none;

            border-radius: 2px;

        }

    </style>

    <script src="~/Scripts/Excel/excellentexport.js"></script>

</head>

    <body>

        <div class="Data">

            数据源

        </div>

        <input type="hidden" name="hidTitle" id="hidTitle" value="@ViewBag.ExcelName" />

        <div id="report">

            <table border="" class="tablereport1" cellpadding="" cellspacing="" id="excelTable">

                <tr>

                    <td colspan="" style="text-align:center;font-size:20px">

                        测试数据表

                    </td>

                </tr>

                @for (int i = ; i < ; i++)

                {

                    <tr>

                        @for (int j = ; j < ; j++)

                        {

                            <td>行@(i)列@(j)</td>

                        }

                    </tr>

                }

            </table>

        </div>

        <div class="Data">

            数据导出

        </div>

        <div class="Down">

            用C#将Table里的数据导出到Excel:<br />

            @{

                Html.RenderAction("Index", "ExportExcel", new { divId = "report", filename = "hidTitle" });

            }

        </div>

        <div class="Down">

            用js将Table里的数据导出到Excel:<br />

            <a download="@(ViewBag.ExcelName).xls" href="#" onclick="return ExcellentExport.excel(this, 'excelTable', 'Sheet1');">导出Excel文件</a>

        </div>

    </body>

</html>

使用C#或javascript将Table里的数据导出到Excel的更多相关文章

  1. html5中 table数据导出到excel文件

    JS代码: /** * table数据导出到excel * 形参 table : tableId ; * sheetName : 工作薄名 * fileName : 文件名 * linkId :隐藏的 ...

  2. 使用JavaScript把页面上的表格导出为Excel文件

    如果在页面上展示了一个数据表格,而用户想把这个表格导出为Excel文件,那么在要求不高的情况下,可以不通过服务器生成表格,而是直接利用JavaScript的Blob和Object URL特性将表格导出 ...

  3. jquery.table2excel，将HTML的table标签数据导出成excel

    <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content=&quo ...

  4. 【JavaScript】table里面点击某td获取同一行tr的其他td值

    某td的input(保存按钮)上绑定方法,点击按钮保存该行所有数据 function locationedit(num){ var ordernumber = $("#"+num) ...

  5. 在把table表格中的数据导出到Excel的时候，以科学计数法显示位数多的数字时怎么解决？

    sbHtml.AppendFormat("<td> {0}</td>", data[i].IDcard.ToString()); sbHtml.Append ...

  6. flex+java将数据库里的数据导出到指定目录下excel表里(poi)

    数据写入到excel中采用的是Apache POI: //java后台的一个工具类(该工具类适用于为不同字段添加,方便) /* 下面这个方法是将list转换为Excel工作表的 */ public s ...

  7. 表格（table）数据导出成Excel

    使用xlxs-js库 function exportExcel () { var wb = XLSX.utils.table_to_book(document.querySelector('.my-e ...

  8. JavaScript怎么把对象里的数据整合进另外一个数组里

    https://blog.csdn.net/qq_26222859/article/details/70331833 var json1 = [ {"guoshui":[ 3000 ...

  9. ASP.NET Core 2.2 : 十六.扒一扒新的Endpoint路由方案 try.dot.net 的正确使用姿势 .Net NPOI 根据excel模板导出excel、直接生成excel .Net NPOI 上传excel文件、提交后台获取excel里的数据

    ASP.NET Core 2.2 : 十六.扒一扒新的Endpoint路由方案   ASP.NET Core 从2.2版本开始,采用了一个新的名为Endpoint的路由方案,与原来的方案在使用上差别不 ...

随机推荐

  1. Node.js 博客实例（五）编辑与删除功能

    原教程 https://github.com/nswbmw/N-blog/wiki/_pages的第五章,因为版本号等的原因,在原教程基础上稍加修改就可以实现. 如今给博客加入编辑文章与删除文章的功能 ...

  2. 趣味Java算法题（附答案）

    [程序1]    题目:古典问题:有一对兔子,从出生后第3个月起每一个月都生一对兔子,小兔子长到第三个月后每一个月又生一对兔子,假如兔子都不死,问每一个月的兔子总数为多少?    //这是一个菲波拉契 ...

  3. uva 10671 - Grid Speed(dp)

    题目链接:uva 10671 - Grid Speed 题目大意:给出N,表示在一个N*N的网格中,每段路长L,如今给出h,v的限制速度,以及起始位置sx,sy,终止位置ex,ey,时间范围st,et ...

  4. [JSP][JSTL]页面调用函数--它${fn：}内置函数、是推断字符串是空的、更换车厢

    页面中调用函数--之${fn:}内置函数 函数描写叙述 fn:contains(string, substring) 假设參数string中包括參数substring,返回true fn:contai ...

  5. 修改系统环境变量 cmd命令

    详细大家对cmd的使用都有了一些简单的了解,但是困扰大家的主要的问题就是: cmd命令修改环境变量有两种方式:1. 短期内有效,在关闭dos窗口后就自动失效 2.长期有效,关闭dos窗口后还有效 下面 ...

  6. 最简单的视频编码器：基于libx265（编码YUV为H.265）

    ===================================================== 最简单的视频编码器系列文章列表: 最简单的视频编码器:编译 最简单的视频编码器:基于libx ...

  7. google在线测试练习2

    Problem Given a list of space separated words, reverse the order of the words. Each line of text con ...

  8. Xampp mysql无法启动的解决方案(转)

    如果出现mysql 无法启动表明在安装xampp 前已经安装了mysql,造成mysql服务无法启动. [mysql] MySQL Service detected with wrong path23 ...

  9. Vs2010 配置驱动的开发环境

    我已被用来VS2010开发环境,之前曾经与vs2010驱动的开发环境.重装系统,一次又一次的配置,找了好几篇文章,配置没有成功,在配置阶段突然成功了,直接把原来的驱动程序的配置文件将能够接管使用. 当 ...

  10. C++ - 内置类型的最大值宏定义

    内置类型的最大值宏定义 本文地址: http://blog.csdn.net/caroline_wendy/article/details/24311895 C++中, 常常会使用, 某些类型的最大值 ...