WP Table Manager : таблиці стилів

1. Формат

На панелі інструментів ви можете встановити стиль для комірки, такий як: шрифт, розмір шрифту, стиль тексту, колір фону для комірки, колір тексту, горизонтальний та вертикальний фрагмент комірки, ... Він може застосовуватися для однієї комірки або кількох комірок

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

Висота рядка і ширина стовпця можуть бути визначені в пікселях. Перейдіть у меню «Формат» > «Застосувати розмір стовпця/рядка» , а потім виберіть «Змінити розмір стовпця/змінити розмір рядка» . У спливаючому вікні ви можете вибрати діапазон і встановити px для стовпців або рядків. Щоб завершити, натисніть Готово

2. Теми та варіанти

У кожній таблиці ви можете знайти опцію вибору теми в меню Тема. Просто натисніть на тему, щоб застосувати її.

Альтернативні кольори

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

Ви можете видалити альтернативний колір, натиснувши «Видалити >  Видалити автоматичний стиль» у меню, що відкривається правою кнопкою миші. Потім колір буде очищено після вашого підтвердження.

Вирівняти таблицю

Вирівнювання таблиці — це вирівнювання div, який містить всю таблицю, наприклад, центрування всієї таблиці. Ви можете знайти в меню «Формат» > «Вирівнювання таблиці» .

Виділення клітини

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

3. Додати підказку до клітинок

У кожній комірці таблиці ви можете побачити опцію Додати підказку, коли клацніть на ній правою кнопкою миші.

Ви можете встановити ширину підказки в пікселях. Це приведе вас до підказки з редактором для редагування.

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

4. Заморожування рядків і стовпців

Заморожування стовпців

Закріплення стовпців доступне в меню Формат > Параметри реагування . Ви можете закріпити до 5 стовпців. Відраховується від першого стовпця.

Щоб заморозити col / row є додаткова опція, яка дозволяє фіксувати висоту таблиці (оскільки контейнер таблиці може мати нескінченну висоту).

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

Заморожування рядків

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

Якщо ви хочете встановити висоту таблиці, поверніться до адаптивних опцій.

Тоді перший рядок буде заморожений на лицьовій панелі відповідно до налаштування.

5. Сортування та фільтри

Якщо ви хочете відсортувати або відфільтрувати свою таблицю, перейдіть до меню « Формат» > «Сортувати та фільтрувати» .

Потім з’явиться спливаюче вікно з параметрами сортування та фільтрування. 

Якщо ви хочете відсортувати таблицю, просто ввімкніть Frontend сортування . Ви можете вибрати стовпець для сортування за замовчуванням і його напрямок.

Наприклад, у цьому випадку виберіть стовпець A із ASC .

Є 2 варіанти фільтра:

• Всередині стовпця: ви можете фільтрувати дані в заголовку кожного стовпця. Кнопка перемикання допоможе вам показати або приховати поле пошуку в заголовку.

• Форма розширеного фільтра: після вибору цього параметра ви можете шукати та фільтрувати дані в таблиці

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

6. Заповнення клітинок і радіус кордону

На панелі інструментів ви можете знайти піктограму межі, яка допомагає відрегулювати заповнення та радіус межі клітинки.

7. Спеціальний CSS

Давайте підемо на крок далі. Якщо ви веб-дизайнер із знаннями CSS, ви зможете додати CSS у меню «Формат» > «Користувацький CSS».

Код CSS розфарбовується за допомогою дзеркала коду та може бути написаний у меншій кількості CSS, це також працює!

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

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

Чи реагують мої таблиці чи використовують прокрутку на невеликих пристроях?

Приховування стовпців

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

Адаптивний режим розширений, ви можете визначити пріоритет для приховування стовпців на мобільних розмірах.
Коли стовпці приховано, буде показано мобільне меню з прапорцем, щоб примусово відображати/приховувати стовпці. Під час редакції таблиці розмір стовпця фіксується. Якщо розмір усіх стовпців завеликий для контейнера, у вас виникне переповнення, і ви зможете легко прокручувати на мобільних пристроях.

Таблиця з прокруткою (краще для невеликої кількості стовпців)

Таблиця з прихованим стовпцем (краще для великої кількості стовпців)

Повторний заголовок

Це ще один варіант, якщо ви хочете вставити таблицю в невелику область вашого сайту. Вам слід перейти до меню «Формат» > «Адаптивні параметри». Потім виберіть Responsive Type > Repeated header.

Існують варіанти налаштування відповідно до вашого попиту:

• Чуйна точка зупинки (px): виберіть значення точки зупинки в пікселях, щоб визначити, коли таблиця перемикатиметься в цей адаптивний режим
• Чуйна максимальна висота (px): коли активовано адаптивний режим, залежно від значення точки зупину визначте максимальну висоту, щоб уникнути дуже довгої таблиці
• Стиль адаптивного режиму: застосуйте стиль за замовчуванням для цього адаптивного режиму або використовуйте кольори таблиці

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

Якщо ви використовуєте Повторюваний заголовок і ввімкнуто параметр « Фільтр»

9. Експорт в Excel

Щоб зберегти таблицю на комп’ютері, перейдіть до меню « Таблиця» та натисніть кнопку «Експортувати Excel» . Тоді тип файлу буде *.xlsx після експорту на інтерфейсі.

10. Пагінація

Ви можете знайти цю функцію в меню «Формат» > «Пагінація» в кожній редакції таблиці. Використовуйте перемикач, щоб увімкнути та вибрати кількість рядків для відображення на сторінці.

11. Стилізація меж клітинок

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

12. Роздрукуйте таблицю на інтерфейсі

Іноді вам потрібно роздрукувати таблицю. Отже, щоб відобразити кнопку «Друк» у інтерфейсі, спершу потрібно перейти до таблиці меню та поставити прапорець біля кнопки «Друк».