出色的導出Excel工作表邊框

Question

我正在使用名為“優秀導出”的js插件將表格導出為excel。 我想添加單元格邊框，並且我的表具有css邊框。 但是我對Excel工作表沒有任何限制。 你能幫我這個忙嗎？

<a href="#" download="table.xls" onclick="return ExcellentExport.excel(this, 'clone', 'table');">Link</a>

小提琴

謝謝

Answer 1

我知道現在回答還為時已晚。 但這可能對某人有幫助。 我通過僅在文檔就緒狀態下為“表格”標簽添加“邊框”屬性來解決此問題。

$(document).ready(function(){
     ...
     $('table').attr('border', '1');
}

接着，

 <a href="#" download="table.xls" onclick="return ExcellentExport.excel(this, 'clone', 'table');">Link</a>

Answer 2

試試這個

     var tableToExcel = (function () {
     var uri = 'data:application/vnd.ms-excel;base64,'
, template = '<html 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><!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>{worksheet}</x:Name><x:WorksheetOptions><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]--></head><body><table>{table}</table></body></html>'
, base64 = function (s) { return window.btoa(unescape(encodeURIComponent(s))) }
, format = function (s, c) { return s.replace(/{(\w+)}/g, function (m, p) { return c[p]; }) }
return function (table, name) {
    if (!table.nodeType) table = document.getElementById(table)
    var ctx = { worksheet: name || 'Worksheet', table: table.innerHTML }
    window.location.href = uri + base64(format(template, ctx))
}
})()

將此代碼復制並粘貼到一個js文件中，然后單擊按鈕以調用此js

Answer 3

對單元格使用內聯樣式，此插件將克隆表，而不是CSS。

出色的導出Excel工作表邊框

問題描述

3 個解決方案

解決方案1
2 2015-05-04 11:55:51

解決方案2
1 2014-10-29 08:22:16

解決方案3
1 2014-10-29 08:23:17

出色的導出Excel工作表邊框

問題描述

3 個解決方案

解決方案1 2 2015-05-04 11:55:51

解決方案2 1 2014-10-29 08:22:16

解決方案3 1 2014-10-29 08:23:17

解決方案1
2 2015-05-04 11:55:51

解決方案2
1 2014-10-29 08:22:16

解決方案3
1 2014-10-29 08:23:17