Создавайте привлекательные таблицы с различными параметрами таблицы данных.
Опубликовано: 2016-04-12Таблицы являются довольно распространенным компонентом контента любого веб-сайта. Но иногда их трудно построить. Генератор таблиц данных от Supsystic — это простой способ создать незабываемую таблицу данных со множеством опций без каких-либо навыков программирования и просто поместить шорткод в свою запись или страницу WordPress. Плагин таблицы данных имеет впечатляющий набор функций, и мы уверены, что каждый из вас найдет их полезными для своих нужд. Теперь поговорим о самых ценных из них.
Если ваша таблица состоит из большого количества данных, то вы обязательно захотите использовать разбиение на страницы , сортировку и даже поиск для удобства пользователей вашего сайта. Это даст им возможность листать страницы таблицы, сортировать данные по убыванию или возрастанию. А когда у них не так много времени просматривать всю вашу таблицу, они могут просто ввести нужную информацию в поле поиска и быстро ее найти. Разве это не здорово? Эти функции могут сэкономить много времени. И мы знаем, что время – деньги в нашем современном мире.
Также вы можете разрешить пользователям сохранять вашу таблицу или даже распечатывать ее. Просто найдите функцию экспорта внешнего интерфейса и выберите форматы (CSV, Excel, PDF, печать). Пользователи вашего сайта увидят соответствующие кнопки возле таблицы и смогут скачать ее в этих форматах или распечатать. Кроме того, в формате PDF или печати вы можете добавить логотип вашей компании, что очень полезно, поскольку представляет ваш бизнес и невольно запомнится клиентам. Попробуйте загрузить PDF или распечатать приведенную ниже таблицу и проверить логотип.
Другой вариант, о котором стоит упомянуть, — это импорт таких файлов, как SCV, XLS, XLSX и Google Spreadsheets. Теперь вам не нужно тратить время на создание таблицы в плагине Data Table, если у вас уже есть готовая таблица на вашем компьютере. Вы можете просто импортировать его в плагин WordPress и просто вставить шорткод на веб-сайт. Точно так же вы можете экспортировать таблицу из плагина таблицы данных на свой компьютер, используя соответствующие форматы (CSV, Excel, PDF).
Кроме того, если вы предполагаете, что ваш сайт будут просматривать с разных гаджетов, то вас заинтересует функция адаптивного режима . Генератор таблиц данных может предложить вам следующие режимы отклика: стандартный, автоматическое скрытие столбцов, горизонтальная прокрутка или вы можете вообще отключить отклик, если он вам не нужен. Стандартный адаптивный режим размещает столбцы друг под другом с одной ячейкой в строке, если содержимое таблицы не помещается. Автоматическое скрытие столбцов сворачивает столбцы справа налево. Горизонтальная прокрутка добавляет полосу прокрутки, когда таблица выходит за пределы ширины родительского контейнера. Если вы отключите отзывчивость, таблица будет иметь макет по умолчанию. Вы можете изменить размер веб-страницы, чтобы увидеть различные режимы отклика в действии в следующих таблицах:
Имя | Фамилия | Город | Улица | Почтовый индекс | Эл. адрес | Дата рождения |
---|---|---|---|---|---|---|
Элдон | Руб | Спинкаленд | Джейдон Форт | 86743 | Кэтрин_Хоу[email protected] | 17.01.1991 |
Хойт | Коул | Стюартвью | Острова Штойбер | 04689 | омари[email protected] | 14.08.1989 |
Энни | Колье | Уилтонвью | Хоменик Фордс | 76947-8004 | Хайден.Бердж@hotmail.com | 30.10.1990 |
Имя | Фамилия | Город | Улица | Почтовый индекс | Эл. адрес | Дата рождения |
Роман | Денесик | Восточный Франкошир | Оделл Вью | 92164-3876 | Израиль[email protected] | 26.08.1984 |
Даррен | Джонсон | Роханмут | Карлотта Эстейт | 51692 | [email protected] | 26.03.1995 |
Брэдли | Хауэлл | Северный Теренс | Дорис Лейкс | 06511-9359 | Кэтрин[email protected] | 26.02.1993 |
Наряду с вышеперечисленными функциями плагин Data table позволяет вставить картинку , ссылку или комментарий к выбранной ячейке. В таблице ниже вы можете увидеть комментарии в столбце «Что», просто наведите курсор мыши на его содержимое.
ФОТО | КАКИЕ | ВОЗ | КОГДА | КУДА | ПОЧЕМУ |
![]() | Скалолазание | Обычно один, но иногда и с друзьями. | Понедельник, среда и пятница с 16:00 до 17:00 | Тренажерный зал для скалолазания Pacific Edge | Скалолазание помогает повысить выносливость сердечно-сосудистой системы, мышечную силу и выносливость, гибкость, а также улучшить или сохранить прочность костей. |
![]() | гуляю с собакой | Только я и моя собака | Суббота и воскресенье, когда я свободен | На западном утесе | Ходьба улучшает сердечно-сосудистую выносливость и прочность костей |
![]() | Разработка | Сам | Понедельник, среда и пятница с 17:00 до 17:30 | В скалодроме Pacific Edge Rock | Тренировки помогают развить мышечную силу и выносливость |
Вы также можете установить формат для строки. Это может быть очень полезно при работе с валютой, датой или процентами. Кроме того, вы можете установить редактируемые поля в вашей таблице. Эта функция помогает при использовании формул. Например, ваш бизнес связан с ремонтом, и вы показываете цены на свои услуги в таблице. Если задать редактируемое поле, будущий покупатель может ввести площадь своего дома и для него будет рассчитана цена. Мы думаем, что это очень полезно, а вы? Попробуйте этот вариант в приведенной ниже таблице WordPress (столбец «Квадратные футы»).

Вещь | Стоимость квадратного метра | Квадратный фут | Общий |
Отшлифовать и отшлифовать деревянные полы | 2,5 | 0 | |
Укладываем керамическую плитку на пол | 16 | 0 | |
Укладка виниловой плитки на пол | 4 | 0 | |
Уложить ковер от стены до стены | 8 | 0 | |
Промежуточный итог: | Промежуточный итог: | 0 |
Чтобы визуализировать вашу таблицу, вы можете добавить Google Charts . Генератор таблиц данных от Supsystic позволяет быстро и легко создавать различные типы диаграмм и графиков. Вы можете узнать больше об этом в таблице данных с Google Charts.
Отличные новости! Вы можете использовать редактор CSS, чтобы создать незабываемый стиль для ваших таблиц. С помощью этой функции вы можете редактировать таблицы по-разному. Даже если у вас мало знаний в CSS и других навыков программирования, вы все равно можете это сделать, так как это не так сложно. Посмотрите на таблицу ниже с тенями и закругленными углами, сделанными с помощью редактора CSS.
Имя | Должность | Офис | Зарплата |
---|---|---|---|
Айри Сато | Бухгалтер | Токио | 162 700 долларов США |
Анжелика Рамос | Главный исполнительный директор (CEO) | Лондон | 1 200 000 долларов США |
Эштон Кокс | Младший технический автор | Нью-Йорк | 86 000 долларов |
Брэдли Грир | Программист | Лондон | 132000 долларов |
Как видите, Data Table от Supsystic — отличный помощник в создании большого количества разнообразных таблиц. Это позволяет быстро и легко обрабатывать таблицы данных, оптимизированные для SEO, и управлять ими. Плагин Data Tables для WordPress способен структурировать информацию и может быть настроен для любых нужд. Существует множество способов функциональной и визуальной настройки таблиц, которые улучшают дизайн сайта и позволяют модифицировать его под любого человека или задачу.
Узнайте больше о генераторе таблиц данных WordPress от Sypsystic.