原文:使用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. Linux安装jdk 8和环境变量配置

    1.下载jdk 地址:http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 2.将刚刚 ...

  2. 安卓的sqlite增删改

    基于安卓的sqlite增删改,笔记学习: 1.使用LinearLayout 布局生成,增删改的页面如图 代码布局如下: <LinearLayout xmlns:android="htt ...

  3. Microsoft Visual C++ Runtime Library Runtime Error解决的方式

    打开浏览器时,出现Microsoft Visual C++ Runtime Library Runtime Error错误,初步预计是软件冲突,可能有多种出错的方式,我的是浏览器自己主动关闭. 一. ...

  4. android最新的工具DateHelper

    最新的工具DateHelper 实用程序类,.的天数来获得一个给定的月份.过了几天去习惯或.周.一个月.日期等.. 代码例如以下: import android.annotation.Suppress ...

  5. 【Linux探索之旅】第一部分测试题

    内容简介 1.第一部分测试题 2.第二部分第一课预告:终端Terminal,好戏上场 10道测试题 让我们选择开机时进哪个操作系统的软件叫什么? A. booter B. bootloader C. ...

  6. Principle使用教程

    本次分享主要有以下几点内容: 1.初识界面2.两个关键操作3.案例一:滑动4.案例二:点击跳转 5.案例三:跟随动画(抽屉效果) 1初识界面Principle的界面与Sketch基本一致,如下图: a ...

  7. TCP/IP 网络精讲：开宗明义及第一课

    内容简介 1.课程大纲 2.第一部分第一课:互联网历史 3.第一部分第二课预告:互联网的创立,OSI七层模型 课程大纲 我们将带大家一起来学习很多网络方面的技能,向大家介绍TCP/IP的基础知识点.你 ...

  8. 查看oracle数据库的连接数以及用户

    查看oracle数据库的连接数以及用户 11.查询oracle的连接数2select count(*) from v$session;32.查询oracle的并发连接数4select count(*) ...

  9. CacheManager

    .Net缓存管理框架CacheManager Cache缓存在计算机领域是一个被普遍使用的概念.硬件中CPU有一级缓存,二级缓存, 浏览器中有缓存,软件开发中也有分布式缓存memcache, redi ...

  10. 证明 poj 1014 模优化修剪，部分递归 有错误

    这个问题是存在做.我发现即使是可行的一个问题,但不一定正确. 大部分数据疲软,因为主题. id=1014">poj 1014 Dividing 题目大意:有6堆石头,权重分别为1 2 ...