网页导出excel表格很是经常使用,对于一些加载<table>的数据网页,常常会用到这种功能,下面和你们分享一下ASP如何导出EXCEL表格css
网页导出excel表格很是经常使用,对于一些加载<table>的数据网页,常常会用到这种功能,下面和你们分享一下ASP如何导出EXCEL表格css
定义CSShtml
将须要导出的网页css放到网页内,不能使用<link>引用,不然不能导出网页原有格式,最好使用精简的css,保证兼容性,如:app
<style type="text/css">编辑器
<!--工具
body ,th,td{font:normal 12px 宋体; }字体
td { height:20px; font-size:12px;}spa
.STYLE1 {插件
font-size: 24px;设计
text-decoration:underline;excel
color: #009900;
font-weight: bold;
}
-->
</style>
以上css仅定义了整个表格的字体字号和一个STYLE1的css
加载数据
本次分享使用的是<table>导出excel表格,因此作好加载数据时使用<table>,如:
<table border="1" cellspacing="0" cellpadding="0" width="100%" bordercolorlight="#000000" bordercolordark="#ffffff">
<tr>
<td>标题一</td>
<td>标题二</td>
<td>标题三</td>
<td>标题四</td>
</tr>
<!--开始循环 -->
<tr>
<td>数据1</td>
<td>数据2</td>
<td>数据3</td>
<td>数据4</td>
</tr>
<!--循环结束 -->
</table>
导出表格
导出表格使用系统自带插件,由服务端生成,调用简单,代码以下:
Response.ContentType ="application/vnd.ms-excel"
Response.ContentType="application/vnd.ms-Excel"
Response.AddHeader "Content-Disposition","attachment;Filename=表格名称.xls"
这样客户端打开这个网页就会导出以上设计的<table>表格