Простой способ представления табличных данных на веб-странице (например, в электронной таблице Google) - PullRequest
2 голосов
/ 08 июля 2011

У меня есть некоторые табличные данные для представления на веб-странице моей организации. В настоящее время это около 80 строк и полдюжины столбцов. Это нужно будет обновлять каждые несколько недель. Мне бы хотелось, чтобы он был максимально удобным для пользователя (прокрутка по странице, возможно, поле поиска, сортировка по заголовкам столбцов ...)

Два очевидных способа сделать это:

  • Генерация HTML (<table>) - недостатком является отсутствие функциональности
  • Вставить таблицу Google. Это работает нормально, но совсем не гибко - сложно стилизовать и не поддерживает фиксированные строки заголовка (как ни странно - они работают, когда он не встроен).

Итак, есть ли эквивалент электронной таблицы Google, где я могу хранить данные на каком-то другом сайте и встраивать их в красивый вид? В противном случае, есть ли инструмент, который будет генерировать таблицу HTML с функциональностью, которая мне нужна (предположительно, встроенной в Javascript - это нормально).

Ответы [ 4 ]

1 голос
/ 10 июля 2019

JSpreadsheets.com проделал хорошую работу по сбору и сравнению различных таблиц HTML5, электронных таблиц и сеток данных, которые являются основными для большинства веб-проектов с большим объемом данных.

Мои любимые:

  • AGGrid - HTML + JS - Хорошо документировано, эффективно и бесплатно для некоммерческой версии
  • DataTables - HTML + JS - Дедушка динамической таблицы HTML с поддержкой сообщества
  • HandsOnTable - HTML + JS - Высокопроизводительный, удобный для пользователя, предлагая истинные возможности электронных таблиц
  • Авиабилет - Saas - альтернатива размещенным таблицам в Google листах
1 голос
/ 02 сентября 2011

Есть замечательный плагин jQuery под названием DataTables.Все, что вам нужно сделать, это создать стандартный элемент, затем указать на него DataTables, и вы получите сортировку, фильтрацию, разбивку на страницы (с возможностью загрузки из AJAX), экспорт в CSV и множество других замечательных функций.это здесь:

http://www.datatables.net

1 голос
/ 08 июля 2011

Возможно, вы ищете SlickGrid или jqGrid . Оба они являются очень способными компонентами сетки, которые могут загружать данные асинхронно.

0 голосов
/ 02 сентября 2011

Взгляните на то, что мы делаем на http://www.sumwise.com. Хотя это все еще разрабатывается, и мы еще не готовы поддерживать моделистов, это может быть полезно для вас. Чтобы получить доступ к среде разработчика, перейдите на http://app.sumwise.com/app. Зарегистрируйтесь в своей учетной записи Google и поиграйте. С удовольствием отвечу на вопросы по мере их возникновения.

...