将 HTML 表格导出到 XLS 并保留格式答案

【问题标题】：Export HTML table to XLS and retain formatting将 HTML 表格导出到 XLS 并保留格式
【发布时间】：2013-11-07 07:42:18
【问题描述】：

我想将 HTML 表格导出到 XLS，同时保留所有格式。

以下代码似乎可以正常工作，只是在导出时丢失了亮点。如何将其固定到位？

<html>
<head>
    <title>TODO supply a title</title>
    <meta charset="UTF-8">
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>
    <div id='data'>
        <table border='1'>
            <tr>
                <td>
                    <strong>Greeting</strong>
                </td>
                <td>
                    <strong>Message</strong>
                </td>
            </tr>
            <tr>
                <td>
                    Hello
                </td>
                <td>
                    World. <mark>I am hilighted!</mark>
                </td>
            </tr>
        </table>
    </div>

    <script type='text/javascript'>
        $(document).ready(function()
        {
            $("#btnExport").click(function(e)
            {
                var path = 'data:application/vnd.ms-excel,' + encodeURIComponent($('#data').html());
                window.open(path);

                e.preventDefault();
            });
        });
    </script>

    <input type='button' id='btnExport' value='Export as XLS'>

</body>

【问题讨论】：

标签： html excel formatting export

【解决方案1】：

据我所知，只有表格元素上的内联 CSS 才能正确导出。

因此，如果您在 <td> 上添加了 style="background-color: yellow"，则导出文件将有一个黄色单元格，但我不相信跨度、标记或内联 div 根本不会携带它们的 CSS。

【讨论】：