次のコードがあります。
<a id="dlink" style="display:none;"></a>
<input type="button" onclick="tableToExcel('cereriTable', 'Tabel Date', 'myfile.xls')" value="Export to Excel">
<script Language="javascript">
var tableToExcel = (function() {
var uri = 'data:application/vnd.ms-excel;charset=UTF-8;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]>' +
'<xsl:template name="styles">' +
'<style>' +
'table {' +
'mso-displayed-decimal-separator:"\,";' +
'mso-displayed-thousand-separator:" ";' +
'}' +
'@page {' +
'margin:.25in .25in .25in .25in;' +
'mso-header-margin:.15in;' +
'mso-footer-margin:.15in;' +
'mso-page-orientation:landscape;' +
'}' +
'tr {' +
'mso-height-source:auto;' +
'}' +
'col {' +
'mso-width-source:auto;' +
'}' +
'br {' +
'mso-data-placement:same-cell;' +
'}' +
'td {' +
'mso-style-parent:style0;' +
'padding-top:1px;' +
'padding-right:1px;' +
'padding-left:1px;' +
'mso-ignore:padding;' +
'color:windowtext;' +
'font-size:11.0pt;' +
'font-weight:300;' +
'font-style:normal;' +
'text-decoration:none;' +
'font-family:Calibri;' +
'mso-generic-font-family:auto;' +
'mso-font-charset:0;' +
'mso-number-format:General;' +
'text-align:general;' +
'vertical-align:bottom;' +
'border:none;' +
'mso-background-source:auto;' +
'mso-pattern:auto;' +
'mso-protection:locked visible;' +
'white-space:wrap;' +
'mso-rotate:0;' +
'}' +
'.longdate {' +
'mso-style-parent:style0;' +
'mso-number-format:"General Date";' +
'}' +
'.shortdate {' +
'mso-style-parent:style0;' +
'mso-font-charset:0;' +
'mso-number-format:"Short Date";' +
'white-space:normal;' +
'}' +
'.number {' +
'mso-style-parent:style0;' +
'mso-font-charset:0;' +
'mso-number-format:"0";' +
'white-space:normal;' +
'}' +
'.center {' +
'mso-style-parent:style0;' +
'font-weight:700;' +
'text-align:center;' +
'}' +
'.right {' +
'mso-style-parent:style0;' +
'text-align:right;' +
'}' +
'.header {' +
'mso-style-parent:style0;' +
'font-weight:700;' +
'}' +
'</style>' +
'<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) {
while (s.indexOf('ş') != -1) s = s.replace('ş','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, filename) {
if (!table.nodeType) table = document.getElementById(table)
var ctx = {worksheet: name || 'Worksheet', table: table.innerHTML}
document.getElementById("dlink").href = uri + base64(format(template, ctx));
document.getElementById("dlink").download = filename;
document.getElementById("dlink").click();
}
})();
</script>
そして私はdataTableを持っています:
dataTable = $('#cereriTable').dataTable({...
そして私はしたい:
1)テーブルから列を削除します-エクスポートされたExcel(最後の列)で
2)一般的ではなく、各列(テキスト/日付/数値)にセル形式を設定します...
3) mso-page-orientation:landscape が機能せず、必要です...
4) DataTable に複数のページがありますが、選択したページのレコードのみがエクスポートされます。
5)各列の幅を設定したい...(エクスポートされたExcelで)