WP Table Manager : таблицы стилей

1. Формат

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

Вы можете выбрать процент для редактора таблицы. Это означает, что вы можете увеличивать/уменьшать масштаб таблицы в диапазоне от 50% до 200%.

Высота строки и ширина столбца могут быть определены в пикселях. Выберите Формат меню» > «Применить размер столбца/строки » и выберите «Изменить размер столбца/изменить размер строки» . Во всплывающем окне вы можете выбрать диапазон и установить px для столбцов или строк. Нажмите кнопку Готово », чтобы закончить.

2. Темы и опции

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

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

Альтернативные цвета

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

И вы можете удалить альтернативный цвет, щелкнув параметр «Удалить> Удалить автоматический стиль» в контекстном меню. Затем цвет будет очищен после вашего подтверждения.

Выравнивание таблицы

Выравнивание таблицы связано с выравниванием div, содержащего всю таблицу, например, по центру всей таблицы. Вы можете найти в Формат меню > Выравнивание таблицы .

Подсветка ячеек

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

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

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

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

4. Замораживание строк и столбцов

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

Закрепление столбца доступно в меню « Формат меню» > «Адаптивные параметры» . Вы можете закрепить до 5 столбцов. Считают с первого столбца.

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

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

Заморозка ряда

Вы можете найти его в меню «Формат меню» > «Заголовок таблицы », здесь вы можете включить опцию и установить закрепление строк (до 5 строк).

Если вы хотите установить высоту стола, вернитесь к параметрам «Адаптивный».

Тогда первая строка будет заморожена на веб-интерфейсе после настройки.

5. Сортировка и фильтры

Если вы хотите отсортировать или отфильтровать таблицу, выберите «Формат меню» > «Сортировка и фильтры» .

Затем появится всплывающее окно с опциями сортировки и фильтрации.

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

Например, в этом случае выберите столбец A с ASC .

Есть 2 варианта фильтра:

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

Форма расширенного фильтра: после выбора опции вы можете искать и фильтровать данные в таблице.

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

6. Заполнение ячеек и радиус границы

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

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

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

Давайте сделаем еще один шаг вперед. Если вы веб-дизайнер с навыками работы с CSS, вы сможете добавить CSS в меню «Формат меню» > «Пользовательский CSS».

Код CSS раскрашен с использованием зеркала кода и может быть написан с меньшим количеством CSS, это тоже работает!

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

8. Адаптивные таблицы WordPress.

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

Сокрытие Колов

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

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

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

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

Повторяющийся заголовок

Это еще один вариант, если вы хотите вставить таблицу в небольшую область вашего сайта. Вы должны перейти к Формат меню> Адаптивные параметры. Затем выберите «Адаптивный тип» > «Повторяющийся заголовок».

Будут варианты для настройки по вашему запросу:

Адаптивная точка останова (px): выберите значение точки останова в пикселях, чтобы определить, когда таблица переключится в этот адаптивный режим.
Отзывчивая max-height (px): при активации адаптивного режима, в зависимости от значения точки останова, определите max-height, чтобы избежать очень длинной таблицы.
Стиль адаптивного режима: примените стиль по умолчанию для этого адаптивного режима или используйте цвета таблицы

После этого вы можете увидеть, как таблица будет выглядеть на веб-интерфейсе.

Если вы используете повторяющийся заголовок и «Фильтр» включен, вы можете отфильтровать, набрав текстовое поле в мобильном представлении.

9. Экспорт в Excel

Чтобы сохранить таблицу на своем компьютере, вам следует перейти в меню « Таблица» и нажать кнопку «Экспортировать в Excel» . Тогда тип файла будет *.xlsx после экспорта во внешний интерфейс.

10. Пагинация

Вы можете найти эту функцию в меню «Формат меню» > «Разбивка в каждом табличном издании. Используйте переключатель, чтобы включить и выбрать количество строк для отображения на странице.

11. Оформление границ ячеек

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

12. Таблица печати на интерфейсе

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