原文:使用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. Memcached FAQ

    这篇FAQ包含了大家普遍关心的问题.非常值得一看. 原文:http://blog.csdn.net/jarfield/archive/2009/07/05/4322953.aspx 最后更新时间 20 ...

  2. rsync+inotify 实现资源服务器的同步目录下的文件变化时，备份服务器的同步目录更新，以资源服务器为准，去同步其他客户端

    测试环境: 资源服务器(主服务器):192.168.200.95 备份服务器(客户端):192.168.200.89 同步目录:/etc/test 同步时使用的用户名hadoop密码12345 实验目 ...

  3. 为什么Redis比Memcached易

    GitHub版本号地址: https://github.com/cncounter/translation/blob/master/tiemao_2014/Redis_beats_Memcached/ ...

  4. Objective-C代码块语法(block)使用

    和其它变量本质上相似的代码块.所不同的是,数据存储代码块是主体的函数. 使用的代码块被,你可以像打电话一样等标准功能,传入参数的数量,并获得返回值. 插入符号(^)语法标记块.我们熟悉的参数按照规约定 ...

  5. li排序

    html <ul id="ul1"> <li>9</li> <li>2</li> <li>7</li& ...

  6. Android多线程的研究（8）——Java5于Futrue获取线程返回结果

    我们先来看看ExecutorService操作的方法: watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvZGF3YW5nYW5iYW4=/font/5a6L5 ...

  7. DapperLambda发布

    DapperLambda发布 引言:因为接触过多个ORM,但使用的时候都遇到了各自的一些不够理想的地方,从最早开始开始公司自己分装的,到后面用EF,以及Dapper和DapperExtensions ...

  8. 返璞归真 asp.net mvc (12) - asp.net mvc 4.0 新特性之移动特性

    原文:返璞归真 asp.net mvc (12) - asp.net mvc 4.0 新特性之移动特性 [索引页][源码下载] 返璞归真 asp.net mvc (12) - asp.net mvc ...

  9. 360的IM可能会是什么样？

    尽管周鸿祎不止一次的说过,它不会进入IM领域,可是在360和QQ大战之后,很多用户 在卸载了QQ,寻找替代的IM工具的时候,发现他们非常难找到合适的替代IM工具,由于 好友非常难迁移.在用户的强烈 呼 ...

  10. 编程算法 - 分割数 代码(C)

    分割数 代码(C) 本文地址: http://blog.csdn.net/caroline_wendy 题目: 有n个无差别的物品, 将它们划分成不超过m组, 求出划分方法数模M的余数. 比如: n= ...