DevToolPal
RU

Конвертер CSV в HTML-таблицу

Превращает данные CSV в аккуратную HTML-таблицу со строкой заголовков, готовую для вставки на веб-страницу или в письмо.

Работает локально, без загрузки на сервер

Параметры

Ввод

Символов: 0 · 0 B

Результат

Символов: 0 · 0 B

Что делает инструмент

Этот инструмент превращает данные CSV в HTML-таблицу. Первая строка становится заголовком таблицы (ячейки <th> внутри <thead>), а каждая следующая строка — элементом <tr> в <tbody>. Разметка оформлена с отступами и без встроенных стилей, поэтому её легко читать, править и стилизовать.

Используйте его, чтобы опубликовать таблицу на сайте, вставить таблицу в статью блога или рассылку либо описать данные на HTML-странице.

Как пользоваться

  1. Вставьте CSV в поле Ввод, загрузите файл .csv или нажмите Пример.
  2. HTML появляется справа по мере ввода.
  3. Выберите Разделитель, если автоопределение ошиблось, и выключите Первая строка — заголовок, если у ваших данных нет заголовков.
  4. Скопируйте HTML или скачайте его как файл .html.

Пример

name,city
Alice,Shanghai

превращается в

<table>
  <thead>
    <tr>
      <th>name</th>
      <th>city</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Alice</td>
      <td>Shanghai</td>
    </tr>
  </tbody>
</table>

Примечания

Строки, в которых ячеек меньше, чем в самой широкой строке, дополняются пустыми ячейками, поэтому во всех строках одинаковое число столбцов.

Частые вопросы

› Можно ли оформить созданную таблицу стилями?

Да. На выходе — обычная разметка <table>, <thead>, <tbody>, <tr>, <th> и <td> без встроенных стилей, поэтому к ней применяется CSS вашего сайта. Добавьте класс к тегу <table>, чтобы обращаться именно к ней.

› Что делать, если в CSV нет строки заголовков?

Выключите «Первая строка — заголовок». Тогда все строки записываются как строки данных, а <thead> не создаётся.

› Безопасны ли спецсимволы?

Да. <, >, & и кавычки экранируются, поэтому содержимое ячеек отображается как текст и не может внедрить HTML. Переносы строк внутри ячейки превращаются в <br>.

› Есть ли ограничение по размеру?

Ввод до 1 МБ конвертируется по мере набора; для файлов побольше включается ручной режим, нажмите «Запустить».