WP Table Manager: Столы для укладки

1. Формат

Вкладка «Формат» доступна в правой части экрана по умолчанию. Содержит разные параметры.

 

image31

 

  • Тип ячейки: по умолчанию или HTML. Тип по умолчанию позволяет вам вычислять HTML, вставляя содержимое HTML, например изображения. WYSIWYG-редактор для каждой ячейки будет реализован в следующей версии, пока вы добавляете HTML-код в ячейку.
  • Сотовый фон цвет: определение цвета фона, конечно

 

image32

 

Границы и параметры шрифта могут быть применены к одной или нескольким ячейкам

 

image33

 

Ширина строки и столбца может быть определена в пикселях. Выберите столбец или строку в любом месте таблицы и подтвердите размер.

 

2. Тема и варианты сортировки

На вкладке таблицы, все еще в правой части, у вас есть выбор темы. Просто нажмите на тему, чтобы применить ее.

Применение темы заменит все данные и стиль в вашей таблице. Таким образом, способ продолжить - применить тему, затем отредактировать данные или создать собственную тему, а затем продублировать таблицы.

 

тематический выбор

 

Функция «Автоматическое моделирование»: помогает раскрасить линию на столе Стиль заголовка а также Стиль нижнего колонтитула опции. Вы можете выбрать стили шаблона или создать свой собственный в настройках плагина.

 

image35

 

Параметр sortable позволяет выполнять сортировку данных AJAX на веб-интерфейсе.

 

image36

 

Выравнивание таблицы - это выравнивание div, который содержит всю таблицу, например, центрирует всю таблицу.

 

image37

 

Подсветка ячейки также доступна в качестве опции. Вы можете включить эту функцию в конфигурации. Это отключено по умолчанию. Вы можете выбрать подсветку, отрегулировать цвет и непрозрачность подсветки.

 

настольная изюминка

 

3. Добавьте всплывающую подсказку на ячейки

Сотовые подсказки должны быть активированы из конфигурации плагина (Меню конфигурации). После активации вы получите кнопку внизу Формат вкладка во время издания таблицы.

 

image39

 

Вы можете для ширины в пикселях. Подсказка редактирования приведет вас к всплывающей подсказке с редактором для редактирования подсказки.

 

подсказка-редактор

 

Добавьте контент и сохраните, все готово, подсказка будет отображаться на открытой стороне при наведении курсора мыши.

 

всплывающая подсказка при наведении курсора

 

4. Замораживание линий и колонн

Замораживание линии или столбца доступно в Таблица Вкладка. Вы можете заморозить до 5 строк или столбцов. Он отсчитывается от первого ряда / цв.

 

стоп-линии

 

Для замораживания строк есть дополнительная опция, которая позволяет вам фиксировать высоту таблицы (потому что ваш контейнер таблицы может иметь бесконечную высоту).

 

вымораживание строка

 

Выбрав строку или столбец для замораживания, вы сможете прокручивать таблицу и всегда отображать фиксированные строки / строки.

 

фикс-линии отображения

 

5. Фильтрация данных столбца

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

 

Фильтр-колонки

Пример фильтров:

 

отзывчивая стол улитка

 

6. Пользовательский CSS

Давайте пойдем на шаг дальше. Если вы веб-дизайнер с навыками CSS, вы сможете добавить CSS в Еще вкладка. Вы можете добавить отступ и радиус рамки на ячейку.

 

image47

 

Обратите внимание, что если вы применили тему, некоторые пользовательские CSS будут добавлены автоматически. Вы все еще можете редактировать это, конечно.

 

Все еще на Дополнительная вкладканажмите на кастом Кнопка CSS чтобы получить доступ к css edition. Код CSS раскрашен с использованием зеркала кода и может быть написан с меньшим количеством CSS, это тоже работает!

 

заказ таблицы CSS

 

Клетки, линии, столбцы имеют координаты, чтобы идентифицировать каждый из них и применять к нему пользовательские CSS. R - строка, C - столбец.

 

CSS-отображения

 

7. Отзывчивые таблицы WordPress

Мои таблицы реагируют или используют прокрутку на небольших устройствах?

WP Table Manager опционально реагируют на адаптивный дизайн с помощью приоритетного инструмента. По умолчанию функция реагирования отключена, будет переполнение (ведь ведь он отлично работает на мобильных устройствах).

 

отзывчивый режим

 

Расширенный режим реагирования, вы можете определить приоритет для скрытия столбцов на мобильных размерах. Когда столбцы скрыты, будет отображаться мобильное меню с флажком для принудительного отображения / скрытия столбцов.
Размер столбца фиксируется во время редактирования таблицы. Если размер всех столбцов слишком велик для контейнера, у вас будет переполнение, и вы сможете легко прокручивать на мобильных устройствах.

Таблица со свитком (лучше для небольшого количества столбцов)

 

отзывчивая стол улитка

 

Таблица со скрытым столбцом (лучше для большого количества столбцов)

 

57bb0cb0ac948

 

8. Скачать таблицу

Для того, чтобы поделиться своей таблицей с общественностью, вы должны включить Кнопка загрузки вариант в Вкладка таблицы на правой панели. Тип файла будет * .xlsx.

 

скачать стол

 

9. Нумерация страниц

Вы можете найти эту функцию на вкладке Таблица в каждой таблице. Включите и выберите количество строк для отображения на странице.

 

пагинация-wptm