如何使 HTML 表格可复制粘贴到 Excel

Question

有一些非常简洁的 Excel，如 html 电子表格选项，例如 handsontable，但我正在寻找更简单的东西：

如何更改常规表格的 html/css，以便可以轻松地将其复制粘贴到 Excel 中？

我不是在寻找 Excel 文件生成器，我只需要我的 html 表可以复制粘贴。

Handsontable 和 wijmo flex sheet 可以做到，我的问题是：我需要如何增强常规 html 表才能做到这一点？

Answer 1

您需要注意平台兼容性。

谷歌驱动器 Excel 示例： 此关键字是 '\t'

var date = ['2017-01-01', '2017-01-02', '2017-01-03', '2017-01-04'];
var data = ['1', '2', '3', '4'];
var element = window.document.getElementById('table_data');
element.innerHTML = element.innerHTML + '<tr><th>date</th><th>count</th></tr>';
for (var i = 0; i < date.length; i++) {
    element.innerHTML = element.innerHTML + '<tr><td>' + date[i] + '\t' + '</td><td>' + date[i] + '\t' + '</td></tr>';
}

        table {
            font-family: arial, sans-serif;
            border-collapse: collapse;
            width: 100%;
        }

        td, th {
            border: 1px solid #dddddd;
            text-align: center;
            padding: 8px;
        }

        tr:nth-child(even) {
            background-color: #dddddd;
        }

<table id='table_data'>

</table>