網頁導出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>表格