[英]Hide a Column in javascript export of html table
因此,我有一個包含12列的表格,最后有一個按鈕,當我單擊並將表格導出到.xls excel時,該按鈕會調用一個函數-我需要在導出中隱藏第12列。 如何隱藏第12列,使其不出現在.xls中?
這是我的按鈕代碼
<li class="button"><a href="javascript:;" onclick="fnExcelReport();" style="background-color: #4cae4c;">Export EXCEL</a></li>
這是腳本
<script>
function fnExcelReport()
{
var tab_text="<table border='2px'>";
var tab_text=tab_text+"<tr bgcolor='#eeeeee' height='50'><th colspan='12' style='text-align:center; font-size:20px;'>COMPLETED TRIPS</th></tr><tr bgcolor='#bf997e' height='50' color='#FFFFFF'>";
var i=0;
tab = document.getElementById('completed_trips_prov'); // id of table
for(i = 0 ; i < tab.rows.length ; i++)
{
tab_text=tab_text+tab.rows[i].innerHTML+"</tr>";
//tab_text=tab_text+"</tr>";
}
tab_text=tab_text+"</table>";
tab_text= tab_text.replace(/<a[^>]*>|<\/a>/g, "");//remove if u want links in your table
tab_text= tab_text.replace(/<img[^>]*>/gi,""); // remove if u want images in your table
tab_text= tab_text.replace(/<input[^>]*>|<\/input>/gi, ""); // reomves input params
var ua = window.navigator.userAgent;
var msie = ua.indexOf("MSIE ");
if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./)) // If Internet Explorer
{
txtArea1.document.open("txt/html","replace");
txtArea1.document.write(tab_text);
txtArea1.document.close();
txtArea1.focus();
sa=txtArea1.document.execCommand("SaveAs",true,"Say T.xls");
}
else //other browser not tested on IE 11
sa = window.open('data:application/vnd.ms-excel,' + encodeURIComponent(tab_text));
return (sa);
}
</script>
現在,您可以刪除行中的最后一個單元格,並使用如下所示的代碼修改循環:
// hack
for(i = 0 ; i < tab.rows.length ; i++)
{
var row = tab.rows[i];
var numberOfCells = row.cells.length;
row.deleteCell(numberOfCells - 1);
tab_text=tab_text+tab.rows[i].innerHTML+"</tr>";
}
根據要寫入文檔的內容,遍歷循環中每行的每個單元格可能會更好。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.