原文:使用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. 【Android开发经验】使用反射，得到的类的字段、方法、并实现了简单的调用

    本文后推出Android的ICO框架做准备,所以,假设你想要一个最近的一项研究Android的ICO学生框架.你可以稍微看一下. 首先,简介一下Java里面的反射. JAVA反射机制是在执行状态中,对 ...

  2. jQuery插件使用和写法

    jQuery插件分类3中: 1.封装对象方法的插件. 2.封装全局函数的插件. 3.选择器插件. jQuery插件机制 jQuery提供了两个用于扩展jQuery功能的方法: 1.jQuery.fn. ...

  3. [原创] linux deepin 2014.1下编译putty

    在网上找了很久,都没有找到linux下直接可以用的putty程序,最终在putty官网找到了源代码 点击下载 把源代码下载回来. 1.下载源代码 2.安装依赖库 如果系统中没有安装过libgtk2.0 ...

  4. 重新想象 Windows 8 Store Apps (27) - 选取器: 联系人选取窗口, 自定义联系人选取窗口

    原文:重新想象 Windows 8 Store Apps (27) - 选取器: 联系人选取窗口, 自定义联系人选取窗口 [源码下载] 重新想象 Windows 8 Store Apps (27) - ...

  5. Android的ViewAnimator而它的子类ViewSwitcher-android学习之旅（三十三）

    ViewAnimator遗传FrameLayout,重合使用多个组件.可以增加部件数量,然后会有时间切换动画. ViewAnimator及其子类的继承关系 ViewAnimator经常使用属性 Vie ...

  6. VS2013验证控件出现 WebForms UnobtrusiveValidationMode 必须“jquery”ScriptResour......错误的解决方案

    如下面的错误: 解决方式例如以下: 方法一: 在webconfig中找到 <appSettings> <addkey="aspnet:UseTaskFriendlySync ...

  7. 密码 hdu

    Time Limit : 2000/1000ms (Java/Other)   Memory Limit : 65536/32768K (Java/Other) Total Submission(s) ...

  8. hdu 1171 Big Event in HDU（母函数）

    链接:hdu 1171 题意:这题能够理解为n种物品,每种物品的价值和数量已知,现要将总物品分为A,B两部分, 使得A,B的价值尽可能相等,且A>=B,求A,B的价值分别为多少 分析:这题能够用 ...

  9. Restify —— 在Node.js中构建正确的REST Web服务

    http://restify.com/ https://segmentfault.com/a/1190000000369308 https://cnodejs.org/topic/516774906d ...

  10. App设计相关网站

    http://sketch.im/ 设计素材 principle  动效软件 http://principleformac.com/ 官网 http://principlecn.com/ 中文网