2014-10-29 9 views
0

탁월한 내보내기라는 js 플러그를 사용하여 탁월한 테이블로 내보낼 수 있습니다. 셀 테두리를 추가하고 표에 CSS 테두리가 있습니다. 하지만 엑셀 시트에는 국경이 없습니다. 이걸 좀 도와 주실 래요?엑셀 내보내기 엑셀 시트 테두리

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

fiddle

Owner's blog

, 당신은

+1

두꺼운 테두리를 사용하여 시도를, 3, 4, 5px (바이올린은 나를 위해 작동하지 않습니다). – skobaljic

+0

thanx. –

+1

을 시도해 보겠습니다.이 방법은 일반적으로 다른 라이브러리의 문제를 해결하지만 사용자의 경우는 해결할 수 없습니다. 아래 내 대답을 확인하십시오. – skobaljic

답변

1

이 하나를 시도

 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 파일에이 코드를 붙여 넣기 버튼을 클릭합니다
+0

바이올린을 업데이트 할 수 있습니까? –

+1

http://jsbin.com/samuw/3/edit –

1

셀에 인라인 스타일을 사용하면이 플러그인이 CSS가 아닌 표를 복제합니다.

1

나는 대답 하기엔 너무 늦었다. 그러나 이것은 누군가에게 도움이 될 수 있습니다. 난 그냥 같이 준비 문서에 "테이블"태그 "경계"속성을 추가하여이 문제를 해결 ..

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

하고,

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