html table 表格导出到Excel

最新推荐文章于 2024-08-03 22:09:54 发布
最新推荐文章于 2024-08-03 22:09:54 发布
阅读量3.4k 收藏
点赞数
分类专栏： .NET And C# Html And Css 文章标签： html table 导出Excel

最近在做统计功能，要求统计结果（表格）既能查看（BS系统，在浏览器查看），又能输出为excel文件。对于输出excel文件，在网上找到n种方案，

因为还需查看，最终选择了统计结果输出为table，查看时直接显示table，输出excel时把table写进输出流，ContentType设置为application/vnd.ms-excel再输出，具体方法如下：

软件环境：VS2008，C#，IE，office2010

1.输出流内容的格式

  
<html xmlns:v="urn:schemas-microsoft-com:vml" 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>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<table>
......
</table>
</body>
</html>


2.Response的属性设置

Response关键属性有几个

//输出的应用类型
Response.ContentType = "application/vnd.ms-excel";
//设定编码方式，若输出的excel有乱码，可优先从编码方面解决
Response.Charset = "gb2312";
Response.ContentEncoding = System.Text.Encoding.UTF8;
//关闭ViewState，此属性在Page中
EnableViewState = false;
//filenames是自定义的文件名
Response.AppendHeader("Content-Disposition", "attachment;filename=" + filenames);
//content是步骤1的html，注意是string类型
Response.Write(content);
Response.End();



这样已经能发布最基本的excel，下面说些细节

1.样式最好用css，即设style属性或class属性，有些样式属性excel不认的。th、td的宽度最好在colgroup中设

2.在excel的格子中换行，可以用这个<br style='mso-data-placement:same-cell;'/>

3.关于边框宽度的问题，如果你的table是全边框，可以设置table的border属性，其中0=不显示边框。

如果表的格式比较复杂，特别是表头，有些边要隐藏的，这个要先把table的border=0，之后对每个th td用css的边框样式进行设置，但这里有个地方要注意，

就是宽度，设为0.5pt（例：border-left: 0.5pt solid #000;），如果设为1px输出的边框会很粗。

4.excel空余部分边框的问题。用此方法输出的excel，空余部分边框都不显示，如果要做成想普通excel的样子，需在输出流的head部分加上excel的设置，例子如下：

    <!--[if gte mso 9]><xml>
<x:ExcelWorkbook>
<x:ExcelWorksheets>
   <x:ExcelWorksheet>  

    <x:Name></x:Name>
    <x:WorksheetOptions>   
     <x:Selected/>    
    </x:WorksheetOptions>
   </x:ExcelWorksheet> 
</x:ExcelWorksheets>
</x:ExcelWorkbook>
</xml><![endif]-->

最后附上一个成果作为例子，扩展名为xls可用excel打开

<html xmlns:v="urn:schemas-microsoft-com:vml" 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>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name></x:Name><x:WorksheetOptions><x:Selected/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
    <style type="text/css">
        .td
        {
            width: 84px;
        }
        .gdtjContainer .tb tr
        {
            text-align: center;
            vertical-align: middle;
        }
        .gdtjContainer .tb th
        {
            border-left: 0.5pt solid #000;
            border-bottom: 0.5pt solid #000;
            text-align: center;
            font-weight: normal;
            font-size: 10pt;
            middle: ;;height:30px;}
        .gdtjContainer .header th
        {
            font-size: 12pt;
        }
        .gdtjContainer .tb tr th.noleftborder
        {
            border-left: none;
        }
        .gdtjContainer .tb tr th.rightborder
        {
            border-right: 0.5pt solid #000;
        }
    </style>
</head>
<body>
    <div class="gdtjContainer">
        <table class="tb" cellspacing="0" cellpadding="0" border="0" width="2184px">
            <colgroup>
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
                <col class="td" />
            </colgroup>
            <tr style="height: 40px">
                <th style="font-size: 20pt; font-family: 宋体; border: none;" colspan="26">
                    2011年增城市单位土地使用权出让情况登记表（统计时间从2011-06-29至2011-06-30）
                </th>
            </tr>
            <tr>
                <th colspan="23" style="border-left: none;">
                     
                </th>
                <th style="text-align: left; font-size: 12pt; border-left: none;" colspan="3">
                    单位：万元、平方米
                </th>
            </tr>
            <tr class="header">
                <th rowspan="2">
                    合同编号
                </th>
                <th colspan="2" rowspan="2">
                    用地单位
                </th>
                <th colspan="2" rowspan="2">
                    土地座落
                </th>
                <th rowspan="2">
                    供地面积
                </th>
                <th style="border-left: none">
                     
                </th>
                <th>
                     
                </th>
                <th rowspan="2">
                    用途
                </th>
                <th colspan="3" rowspan="1">
                    出让金
                </th>
                <th rowspan="2">
                    容积率
                </th>
                <th rowspan="2">
                    建筑密度
                </th>
                <th rowspan="2">
                    绿地率
                </th>
                <th rowspan="2">
                    规划建筑面积
                </th>
                <th rowspan="2">
                    出让方式
                </th>
                <th rowspan="2">
                    审批日期
                </th>
                <th rowspan="2">
                    合同签订日期
                </th>
                <th rowspan="2">
                    动工期限
                </th>
                <th rowspan="2">
                    竣工日期
                </th>
                <th rowspan="2">
                    批次情况
                </th>
                <th rowspan="2">
                    合同约定缴费期限
                </th>
                <th rowspan="2">
                    缴费情况
                </th>
                <th rowspan="2">
                    滞纳金
                </th>
                <th rowspan="2" class="rightborder">
                    备注
                </th>
            </tr>
            <tr style="height: 40px" class="header">
                <th>
                    新增面积
                </th>
                <th style="font-size: 10pt;">
                    保障性住房用地占用面积
                </th>
                <th>
                    应缴
                </th>
                <th>
                    已缴
                </th>
                <th>
                    未缴
                </th>
            </tr>
            <tr>
                <th>
                    440183-2011-
                </th>
                <th colspan="2">
                </th>
                <th colspan="2">
                     
                </th>
                <th>
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                    拍卖出让
                </th>
                <th>
                     
                </th>
                <th>
                    2011-06-29
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th class="rightborder">
                     
                </th>
            </tr>
            <tr>
                <th>
                     
                </th>
                <th colspan="2">
                    合计
                </th>
                <th colspan="2">
                     
                </th>
                <th>
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th>
                     
                </th>
                <th class="rightborder">
                     
                </th>
            </tr>
        </table>
    </div>
</body>
</html>

原文地址：http://www.cnblogs.com/cannel/archive/2011/06/30/2094189.html 感谢。

 
 

  
  
  
  
 /// <summary>
        /// 导出到Excel
        /// </summary>
        /// <param name="strFileName">导出的文件名</param>
        /// <param name="strData">要导出的数据</param>
        /// <param name="strCss">Css文件的路径</param> 
         protected void ExportTExcel(string strFileName, string strData, string strCss)
        {
            Response.Clear();
            Response.ClearContent();
            Response.Charset = "utf-8";
            Response.ContentEncoding = System.Text.Encoding.UTF8;
            string strRealFile = HttpUtility.UrlEncode(strFileName, System.Text.Encoding.UTF8);
            strRealFile = strRealFile.Replace("+", " ");
            Response.ContentType = "application/vnd.ms-excel; name=\"" + strRealFile + "\"";
            Response.AppendHeader("Content-Disposition:", "attachment;filename=\"" + strRealFile + "\"");


            Response.Write("<html>\r\n");

            Response.Write("<head>\r\n");
            Response.Write("<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\">\r\n");

            Response.Write("<style type=text/css>\r\n");

            #region 输出样式表
            System.IO.StreamReader sr = System.IO.File.OpenText(Server.MapPath(strCss));
            String input;
            while ((input = sr.ReadLine()) != null)
            {
                Response.Write(input);
                Response.Write("\r\n");
            }
            sr.Close();
            #endregion

            Response.Write("</style>\r\n");
            Response.Write("</head>\r\n");
            Response.Write("<body>\r\n");

            Response.Write(strData);

            Response.Write("</body>\r\n");

            Response.Write("</html>\r\n");
        }

 

引用：

StringBuilder sb = new StringBuilder();
                sb.Append("<table id='mytable' border='1' width='100%' cellpadding='2' cellspacing='0' bordercolor='#000000' style='border-collapse: collapse'>");
                sb.Append("<tr>");
                sb.Append("<td align='center' rowspan='3'> 日期 </td>");
                sb.Append("<td align='center' rowspan='3'> 姓名 </td>");
                sb.Append("<td align='center' rowspan='3'> 班级 </td>");   
                sb.Append("</tr>");
                sb.Append("</table>");

ExportTExcel("文件名.xls", sb.ToString(), "../Css/YFCss.css");

 原文地址：http://blog.csdn.net/qq283718380/article/details/6894002 感谢
蝶恋花雨
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何将html表格导出到excel,html 页面导出到excel表格数据类型-如何将html里面的table导出成excel...
weixin_39978863的博客
06-28 1204
怎么把html导出到excel表格1先，我们打开要转换成THML的表格文件。下是我用的WPS2019版截图，EXCEL软件操作上差不多2、接下来，点击左上角的【文件】3、在【文件】菜单里找到并点击【另存为】4、默认另存为的路径是【我的文档】，如需要修改，可自行选择保存的位置。我习惯将新文件保存到桌面，所以我选择【桌面】5、最重要的一步来啦！【文件类型】这个地方，默认是EXCEL文件，我们选择【网页...
html table 如何导出为excel表格案例分享
qq_41760419的博客
02-07 737
ASP.NET Core Blazor在razor页面手工绘制Table后如何用js导出到Excel
Web前端最全html table 如何导出为excel表格案例分享_html table导出为excel，面试加分项 徐强百度云
2401_84435739的博客
05-16 1119
1）页面添加一个动作按钮。">导出});//导出html表格为 excel 文件### js基础1)对js的理解？2)请说出以下代码输出的值？3)把以下代码，改写成依次输出0-94)如何区分数组对象，普通对象，函数对象5)面向对象、面向过程6)面向对象的三大基本特性7)XML和JSON的区别？8)Web Worker 和webSocket？9)Javascript垃圾回收方法？10)new操作符具体干了什么呢？11)js延迟加载的方式有哪些？
html怎么把表格导出到excel,将HTML表格导出到Excel
weixin_31544603的博客
06-10 924
当用户点击“导出”按钮时，我需要将页面中的html表导出到Excel。现在，我在Firefox中找到了一个解决方案。现在，它不会处理像ö，ü，ö这样常用的特殊字符，我们在这里使用的语言很常见，所以我想询问是否有人知道如何成功导出它们，没有问题？这是我的代码：function tabletoExcel(table,name) {var uri = 'data:application/vnd.ms-e...
使用js将html的表格导出到excel-1.0
itfound的博客
12-08 2270
工作中存在需要将页面的某个表格导出到excel中,虽然可以使用后端代码或者前端插件实现，但是过程过于繁琐，本文章将详细讲解如何使用js将html中表格快速导出到word（支持各种前端框架表格，element、layui、bootstarp）。
html表格导出excel有几种方式
终南有客-吾生也有涯，而知也无涯。
05-30 1万+
html表格导出excel有几种方式
【ElementUI】el-table表格导出excel表格
zlting_的博客
03-17 2287
【ElementUI】el-table表格导出excel表格
element-ui的table表格导出成excel表
热门推荐
老男孩的博客
12-25 6万+
1、安装依赖 npm install --save xlsx file-saver 2、在放置需要导出功能的组件中引入 import FileSaver from ‘file-saver’ import XLSX from ‘xlsx’ 3、HTML中的设置， 简单来说就是给需要导出的table标签el-table上加一个id：如exportTab，对应下面的exportExcel方法中的 document.querySelector(’#exportTab’) 4、在methods中设置真
如何将html页面导出到excel,html页面表格导出到excel总结(示例代码)
weixin_42494742的博客
06-03 1932
html 表格导出道Excel列标题1列标题2类标题3列标题4列标题5aaabbbcccdddeeeAAABBBCCCDDDEEEFFFGGGHHHIIIJJJ1、js的方法A、将整个表格拷贝到EXCEL中function method1(tableid) {var curTbl = document.getElementById(tableid);var oXL = new ActiveXObj...
table表格直接导出Excel文件
六国破灭，非兵不利 ，战不善，弊在赂秦。赂秦而力亏，破灭之道也。或曰：六国互丧，率赂秦耶？曰：不赂者以赂者丧，盖失强援，不能独完。故曰：弊在赂秦也。 秦以攻取之外，小则获邑，大则得城。较秦之所得，与战胜而得者，其实百倍；诸侯之所亡，与战败而亡者，其实亦百
08-22 673
如遇到复杂表格时可使用这种方式导出。
html中table表格导出Excel示例（亲测可用）
05-28
在网页开发中，有时我们需要将HTML中的表格数据导出到Excel文件中，以便用户可以方便地进行数据分析或存储。这个示例就是关于如何在前端实现这一功能，无需借助后端接口，只用HTML、jQuery和JavaScript技术。我们将...
C#将html table 导出成excel实例
09-08
当需要将网页中的HTML表格数据导出为Excel文件时，开发者可能会使用类似如上所示的代码片段。这个实例展示了如何在C#中实现这个功能，允许用户下载HTML表格内容作为Excel文件。以下是关于这个实例的详细解释： 1. *...
table表格导出为excel
08-09
"table表格导出为excel"的功能使得用户能够快速便捷地将HTML表格转换成Microsoft Excel格式，从而利用Excel的强大功能进行进一步处理。下面我们将深入探讨这个过程及其相关知识点。 1. **HTML Table与Excel的比较**...
使用CSS将HTML表格导出到Excel
04-07
在网页开发中，有时我们需要将用户在网页上看到的数据，如HTML表格，导出到Excel以便于数据分析或存储。这个过程可以通过多种技术实现，而利用CSS来优化HTML表格的显示，然后结合JavaScript或其他编程语言（如C#或...
HTML导出table数据到excel
03-20
在提供的"导出excel demo"压缩包中，应该包含了实现这一功能的完整代码示例，包括HTML、CSS和JavaScript部分。你可以解压文件，查看和运行代码以了解实际操作。 总的来说，HTML导出table数据到excel涉及到HTML表格...
【网页前端设计HTML】超链接
weixin_53597021的博客
08-03 674
超链接，英文名是hyperlink。每一个网站都是由非常多的网页组成，而页面之间通常都是通过超链接来相互关联的。超链接能够让我们在各个独立的页面之间方便地跳转。
HTML 专业词汇与语法规则
最新发布
m0_74012211的博客
08-03 179
HTML 专业词汇与语法规则
4个自定义倒计时
lulei5153的博客
08-03 204
【代码】4个自定义倒计时。
react实现table表格导出excel表格功能
05-31
可以使用第三方库 `react-table-to-excel` 来实现表格导出功能。 首先，安装该库： ``` npm install react-table-to-excel ``` 然后，在你的组件中引入它： ```jsx import ReactTableToExcel from "react-table-...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值