Таблиця CSV у HTML
Перетворіть дані CSV на чисту розмітку таблиці HTML із thead, tbody та екранованими клітинками.
Таблиця CSV у HTML
Вставте дані CSV і отримайте чисту HTML-таблицю — рекламу, побудовану з рядка заголовка, tbody з одним tr на запис і чіткий відступ із двох пробілів, який вставляється прямо в шаблон або огляд коду. Типові завдання: публікація експорту електронної таблиці на веб-сторінці, додавання таблиці до вмісту CMS, де візуальний редактор змінює вставлені клітинки, створення електронного листа HTML, де таблиці залишаються єдиним макетом, який відображається скрізь, або скидання довідкових даних у документацію.
Залиште роздільник на автоматичному виявленні, і інструмент вибере ваші дані та вибере символ, який створює найбільш узгоджені рядки, тому файли з комами, крапками з комою, вкладками та вертикальними лініями конвертуються без налаштування. Поля в лапках відповідають RFC 4180: поле, взяте в подвійні лапки, може містити роздільник, подвоєні лапки "" і навіть розриви рядків, які виходять як теги br, тому кожен запис все ще відображається як один рядок. Записи з відсутніми клітинками доповнюються до найширшого рядка, тому таблиця ніколи не буде нерівною.
Кожна комірка екранується за допомогою HTML — амперсанди, кутові дужки та лапки стають об’єктами — тому випадковий < у даних ніколи не може перервати сторінку чи внести розмітку. «Перший рядок — це заголовки» перетворює перший запис на клітинки th; вимкніть його, і кожен рядок стане звичайним рядком td. Базовий стиль додає невеликий блок стилю з прямими рамками та загортає таблицю в контейнер, який прокручується горизонтально на вузьких екранах; розмітка залишає лише стиль для вашого власного CSS.
Усе працює у вашому браузері, і дані ніколи не залишають ваш пристрій, тому експорт клієнта безпечний для конвертації. Скопіюйте розмітку, завантажте її як файл .txt або вставте прямо на свою сторінку.