Укажите ширину столбца и высоту строки для Excel, используя HTML-таблицу

Я работаю над проектом, где мне нужно экспортировать HTML-таблицу в Excel лист, используя jquery. У меня есть необходимые плагины и все, но я не могу установить ширину столбца, когда 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>
Источник

1 ответ

Решение

Оказывается, превосходят уроды, когда снабжены вложенными таблицами в html. Поэтому, как только я удалил теги таблиц, все стили начали нормально работать с Excel. И для удобства других, которые будут просматривать этот ответ, обратите внимание, что необходимо и достаточно удалить <table>, </table> тег. Остальная часть DOM отлично работает с Excel.

Источник
Другие вопросы по тегам