jquery - 使用html表格指定excel的列宽和行高

标签 jquery excel html html-table spreadsheetml

我正在开发一个项目,需要使用 jquery 将 html 表导出到 Excel 工作表。我有所需的插件,但我无法做的就是在 Excel 打开文件时设置列宽。

我尝试设置 <th style="width:70px;">并设置table-layout:fixed; width:100%;对于相关的表。我也尝试过<DefaultColumnWidth>1</DefaultColumnWidth>在 WorkSheetOptions 中没有成功。

我只需要所有列的宽度相等,行高根据单元格内容而变化。我有什么办法可以实现这个目标吗?我还可以使用其他将 html 表格转换为 Excel 的插件,但它需要有设置列宽和行高的选项。任何帮助是极大的赞赏。

这是我正在处理的示例表:

<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>
    <meta name=ProgId content=Excel.Sheet>
    <meta name=Generator content="Microsoft Excel 11">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--[if gte mso 9]><xml><x:ExcelWorkbook><x:ExcelWorksheets><x:ExcelWorksheet><x:Name>Hourly Summary Report</x:Name><x:WorksheetOptions><x:DefaultColumnWidth>16</x:DefaultColumnWidth><x:DisplayGridlines/></x:WorksheetOptions></x:ExcelWorksheet></x:ExcelWorksheets></x:ExcelWorkbook></xml><![endif]-->
</head>
<body>
    <table style="table-layout:fixed; width:100%;"><thead>
    <tr>
        <th style="text-align:center; vertical-align:middle; word-wrap: break-word;">This sentence badly needs a word wrap</th>
        <th style="text-align:center; vertical-align:middle;">Industrial Robots</th>
    </tr>
</thead>
<tbody>
    <tr>
        <td class="bg-black disabled color-palette" style="text-align:center; vertical-align:middle; font-weight:bold;">13 Jun 2017 12:00 AM - 13 Jun 2017 01:00 AM</td>
    </tr>
</tbody>
</table>

最佳答案

事实证明,当在 html 中提供嵌套表格时,excel 会很奇怪。因此,一旦我删除了表格标签,所有样式就开始在 Excel 中正常工作。为了方便其他人查看此答案,请注意删除<table>, </table>是必要且充分的。标签。 DOM 的其余部分可以在 Excel 中正常工作。

关于jquery - 使用html表格指定excel的列宽和行高,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44771403/

相关文章:

javascript - 计算给定字符串的真实像素宽度

javascript - 如何在运行时在 innerHTML 中设置 id?

javascript - Ajax Jquery 和 php : How to control feedback?

Excel - 插入以特定条件结尾的单元格

vba - Excel VBA-删除部分字符串

regex - 如何使用Excel VBA脚本删除某些字符

html - 在滚动时重绘页面边框

javascript - JS/J查询 : how to check whether dropdown has selected values?

javascript - 使用 JQuery/Javascript 向表单动态添加值

javascript - 禁用 kendo ui 自动完成中的过滤