Question

我使用名为excellent export的js插件将表导出为excel。我想添加单元格边框，我的表格有css边框。但我没有获得excel表格的任何边界。能帮帮我吧。

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

fiddle

谢谢

Answer 1

我知道回答太迟了;但这可能对某人有所帮助。我通过在文档就绪上添加“table”标签的“border”属性来解决这个问题，如..

$(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 个答案: