Как закрепить шапку таблицы в confluence
Перейти к содержимому

Как закрепить шапку таблицы в confluence

  • автор:

Размещение и оформление таблиц

  1. Для создания таблицы необходимо:
  2. В блоке разделов выбрать раздел, в котором нужно разместить таблицу, кликнув по нему мышкой.
  3. В блоке управления разделом перейти на вкладку «Редактор».
  4. Нажать на ярлык таблицы в панели инструментов.
  5. В открывшемся окне «Свойства таблицы» указать нужные вам свойства:

На странице:

  • Количество строк и столбцов в таблице.
  • Размеры таблицы. Они указываются либо в пикселях (ширина и высота), либо в процентах. Рекомендуем устанавливать размер, равный 100%, это сделает таблицу «резиновой», и она будет автоматически подстраивается под разрешение экрана.
  • Заголовки. Данная функция автоматически выделяет текст. Можно назначить верхнюю строку, левую колонку, оба варианта или вообще оставить таблицу без заголовка (вариант по умолчанию).
  • Размер границ. Граница – это внешняя линия, которая окаймляет таблицу, ее толщина измеряется в пикселях. Доступны значения: 0 (границы нет вообще), 1 (по умолчанию) и т. д.
  • Выравнивание таблицы. По умолчанию оно стоит слева, т. е. таблица располагается в левой части сайта. Так как размер таблицы задается процентами, эта функция практически не используется.
  • Внешний отступ ячеек – устанавливается промежуток между ячейками таблицы.
  • Внутренний отступ ячеек – устанавливается отступ от края ячейки до текста.
  • В поле Заголовок можно указать название таблицы, и оно будет автоматически размещено поверх таблицы.
  • Поле Итоги. Здесь вы можете повторно указать название таблицы либо дать краткое описание таблицы. На сайте этот текст не будет виден, но он будет в коде, что важно для поисковика и продвижения сайта.

Редактирование таблицы

Для того, чтобы отредактировать таблицу, нужно:

  1. В блоке разделов выбрать соответствующий раздел, кликнув по нему мышкой.
  2. В блоке управления разделом перейти на вкладку «Редактор».
  3. Нажать на таблицу правой кнопкой мышки и выбрать нужную функцию.

Редактирование ячейки

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

Для того чтобы редактировать ячейку, нужно нажать на выбранной ячейке правой кнопкой мыши, в открывшемся меню выбрать поле «Ячейка» и в дополнительном списке выбрать нужный тип действия.

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

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

Эта функция позволяет объединить ячейки таблицы. Есть следующие варианты:

  • объединить ячейки – для случая, когда выделено от 2 и более ячеек;
  • объединить с правой – объединяет с ячейкой, находящейся справа от выделенной;
  • объединить с нижней – объединяет с ячейкой, находящейся под выделенной.
  • Разбиение

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

Меню «Свойства ячейки» открывает вам расширенные функции настройки ячейки. Эти функции требуются крайне редко, и мы не рекомендуем их использовать.

Чтобы изменить цвет выделенной ячейки (или ячеек), необходимо нажать правой кнопкой мыши по выделению, выбрать «Ячейка», потом «Свойства ячейки». После этого откроется дополнительное окно. Для редактирования цвета в этом окне необходимо выбрать «Цвет фона» рядом с «Цветом границ». Откроется такой же выбор цветов, как и при изменении цвета и фона текста. Можно выбрать нужный из имеющихся цветов или вставить его код, и ячейка или рамка изменят цвет.

Редактирование строки

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

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

Вы можете вставить строку как сверху, так и снизу. Добавляется целая строка.

Удаляется выделенная строка.

Редактирование колонки

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

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

Удаляется выделенная колонка.

Удаление таблицы

Если вам не нужна таблица, то вы можете ее удалить. Для этого нажмите правой кнопкой мыши по таблице и выбираете пункт «Удалить таблицу».

Свойства таблицы

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

Не рекомендуется переносить таблицы из других источников (Word, страница сайта и т. д.). К этому желательно прибегать только в крайнем случае, когда нет возможности создать новую таблицу и перенести туда текст.

Рекомендации по работе с Confluence

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

Прежде чем начать знакомство с материалом, зарегистрируйтесь на бесплатном сайте Confluence Cloud и прочтите следующие разделы: «Настройка сайта и разделов», «Создание контента в Confluence» и «Навигация в Confluence».

Создание привлекательного контента

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

Создавайте прекрасные страницы в Confluence

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

Форматирование страницы

Узнайте, как с помощью редактора Confluence Cloud отформатировать текст, изменить макет страницы, добавить таблицы, мультимедийные данные и ссылки на контент.

Начните с шаблона страницы

Confluence можно использовать для представления самой разнообразной информации: протоколов собраний, планов проектов, руководств по адаптации новых сотрудников и многого другого. Шаблоны страниц дадут мощный импульс вашему следующему проекту благодаря заложенному в них профильному опыту.

Cloud / Data Center / Server

Создайте собственный настраиваемый шаблон

Шаблоны страниц помогают сохранить единообразие в пределах команды или организации. Из этой записи в блоге вы узнаете, как можно использовать функциональные возможности Confluence для совершенствования шаблонов.

Поддерживайте порядок

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

Cloud / Data Center / Server

Создание масштабируемой информационной архитектуры

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

Cloud / Data Center / Server

Поддерживайте порядок на своем сайте как Мари Кондо

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

Как зафиксировать заголовок таблицы при прокрутке?

Есть таблица в контейнере с жёстко заданной высотой. При большом количестве строк в таблице у окружающего блока появляется полоса прокрутки. Однако имеется проблема — заголовок таблицы уезжает наверх, и его не видно. Как зафиксировать его, чтобы он всегда был виден наверху блока? Я пытался назначить ему вот такие CSS свойства, но видимого результата нет.

thead

Какие есть способы решения проблемы? Желательно обойтись без разбиения таблицы не две, т.к. в таком случае могут разойтись столбцы. Для удобства вот пример моей вёрстки.

.container < height: 300px; width: 500px; margin: auto; overflow: auto; >table < border-collapse: collapse; width: 100%; >thead < position: sticky; top: 0px; >th, td
 
Заголовок1 Заголовок2 Заголовок3 Заголовок4
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz
abc defghijklmnopqrs tuv wxyz

Проектирование в Confluence

Меня зовут Маша, я работаю инженером по обеспечению качества в группе компаний Тинькофф. Работа QA предполагает множество коммуникаций с разными людьми из разных команд, а я к тому же была менеджером и лектором образовательных программ, поэтому моя карта коммуникаций была максимально широкой. И в какой-то момент я взорвалась: я поняла, что больше не могу, не могу, не могу заполнять адовые тонны нечитаемых таблиц и документов.

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

И вот, когда я немного остыла, я решила написать эту статью. Я расскажу о том, как можно нормально (даже порой удобно) вести разнообразную непродуктовую документацию. Надеюсь, что статья разлетится по сети и уровень адища в соседних с разработкой отделах хоть чуть-чуть снизится, а люди (и я в том числе) станут чуточку счастливее.

Инструменты

Продуктовая документация часто хранится рядом с кодом, и это хорошо. А непродуктовая документация обычно хранится где попало. Часто люди стараются переносить информацию из разных мест в Confluence, и мы не исключение. Так что весь дальнейший рассказ о нем.

Вообще Confluence — это продвинутый вики-движок. Он позволяет работать с данными в разных видах отображения: текст с форматированием, таблицы, разнообразные диаграммы. Это очень интересный и мощный инструмент, но если не уметь его готовить, то вы получите очередную свалку нечитаемых документов. Я научу вас готовить!

Макросы

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

Интерфейс работы с макросами максимально прост. Чтобы добавить макрос, надо нажать на плюс и выбрать нужный элемент из списка.

Если макрос самодостаточный, то есть не требует вставки чего-то еще внутри себя, — он выглядит как блок.

Если для работы макроса нужно что-то поместить внутрь него, он выглядит как рамка.

При этом можно помещать внутрь одной рамки сколько угодно других, лишь бы в вашей пирамиде была логика.

У каждого макроса есть предварительный просмотр: в нем сразу видно, правильно ли вы заполнили и настроили макрос.

Шаблоны

Помимо макросов есть удобный инструмент предзаполнения контента — это шаблон.
Шаблоны можно использовать при создании любой страницы: просто нажать на три точки рядом с кнопкой «Создать» и выбрать нужный шаблон.

Тогда в созданную страницу добавится весь контент, который есть в шаблоне.

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

Магия таблиц

Вообще-то я, как технарь, нежно люблю таблицы и могу почти любую информацию в них завернуть (хотя это и не всегда эффективно). Сами по себе таблицы четкие, структурированные, масштабируемые, волшебные!

Но даже такую замечательную сущность, как таблица, можно испортить. А можно удачно использовать и даже улучшить. Об этом ниже.

Фильтрация (платный плагин)

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

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

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

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

Сортировка (платный плагин)

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

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

Сводные таблицы (платный плагин)

Теперь перейдем к кейсу поинтереснее. Представьте, что ваша таблица огромная и надо что-то посчитать по ней. Конечно, можно скопировать ее в Excel, посчитать нужное и выгрузить данные назад в Confluence. А можно один раз применить макрос «Сводная таблица» и получить тот же результат, только еще и обновляемый.

Например: у вас есть таблица, в которой собраны данные всех сотрудников — где они территориально находятся и какие должности занимают. Чтобы посчитать, сколько человек находится в каждом городе, вам нужно выбрать в макросе «Сводная таблица» строку, по которой агрегируются данные (местоположение) и тип операции (сложение).

Естественно, группировать можно по нескольким признакам сразу, все возможности можно посмотреть в документации.

Диаграммы (платный плагин)

Как я уже говорила, не все любят таблицы так сильно, как я. К сожалению, менеджеры в большинстве своем их вообще не любят. Зато все очень любят яркие цветные диаграммы.
Создатели Confluence об этом, безусловно, знали (наверняка у них тоже есть начальство, которое любит отчеты и диаграммы, куда же без него). Поэтому можно воспользоваться волшебным макросом «Диаграмма из таблицы». В этот макрос нужно положить сводную таблицу из предыдущего пункта, и вуаля — ваши серые скучные данные красиво визуализированы.

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

Простота агрегации

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

Метки

Плохо, когда люди хранят информацию в одной неструктурированной статье или огромной таблице. Еще хуже — когда части этой информации не только нечитаемо оформлены, но и раскиданы по просторам Confluence. Благо есть возможность собрать раскиданную информацию в одном месте. Для этого надо воспользоваться метками (знакомыми всем по соцсетям тегами).

На любую страницу можно добавить любое количество меток. Если нажать на метку, вы попадете на страницу агрегации, где есть ссылки на все материалы с этой меткой, а также с набором связанных меток. Связанные метки — это те, которые часто встречаются на одной странице.

Свойства страниц

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

Обратите внимание на ID — его удобно задавать, чтобы навешивать разные группы свойств на разные страницы (или даже разные группы свойств на одну страницу).

Отчеты

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

Но более интересный отчет — это макрос «Отчет по свойствам страницы». Он тоже собирает все страницы с определенным набором меток, но не просто выводит их список, а составляет таблицу (улавливаете связь с началом статьи?), в которой столбцы — это ключи свойств страницы.

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

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

Например, у вас есть множество страниц сотрудников, у этих страниц есть набор свойств про человека: какого он уровня, где находится, когда пришел в команду и так далее. Это свойства отмечены ID = employee_inf. И есть второй набор свойств на этой же странице, в котором собрана информация о человеке, как о части команды: какую роль человек выполняет, в какой команде находится и так далее. Эти свойства отмечены ID = team_inf. Тогда при сборке отчета вы можете вывести только информацию по одному айдишнику или сразу по двум — как удобнее.

Прелесть такого подхода в том, что каждый может собрать нужную для себя информационную таблицу, которая не будет ничего дублировать и будет обновляться при обновлении основной страницы. Например: тимлиду не важно, когда его разработчики устроились на работу, но важно, какую роль каждый из них выполняет в команде. Тимлид соберет себе отчет по команде. А бухгалтеру вообще все равно, кто какую роль выполняет, но важны должности — он соберет себе отчет по должностям. При этом источник информации не будет дублироваться или переноситься.

Итоговый процесс

Инструкция

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

Тут на помощь придет связка макросов и шаблонов. Чтобы заставить людей создавать новые страницы в нужном формате, можно использовать макрос «Создать из шаблона». Он добавляет на страницу кнопку, по нажатию на которую создается новая страница из нужного вам шаблона. Таким образом вы заставляете людей сразу работать в нужном вам формате.

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

Тогда итоговый процесс будет выглядеть так:

  1. Вы создаете шаблон для информации определенного типа.
  2. В этот шаблон добавляете метки и свойства страницы в макросе.
  3. В любом удобном месте создаете корневую страницу с кнопкой, по клику на которую создается дочерняя страница из шаблона.
  4. Пускаете на корневую страницу пользователей, которые потенциально будут генерировать нужную информацию (по нужному шаблону, нажимая на кнопку).
  5. Собираете себе отчет по свойствам страницы через метки, которые вы указали в шаблоне.
  6. Радуетесь: у вас есть вся нужная информация в удобном формате.

Подводные камни

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

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

Пример хранения непродуктовой документации

Через описанный выше процесс можно организовать хранение почти любой информации. Прелесть подхода в том, что он универсальный: когда пользователи к нему привыкают, они перестают генерировать бардак. Также большой (но не бесплатный) плюс — возможность собирать на лету разнообразную статистику и рисовать по ней красивые диаграммы.

Приведу пример нашего процесса ведения информации о команде.

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

Как видите, у нас развернутая таблица свойств и сразу есть инструкции о том, как именно вести данную страницу. Часть тегов проставляют сами сотрудники по инструкциям, в шаблоне только основные: тег карточки employee-card, тег направления direction-involve и тег команды team-qa.

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

По тегам можно увидеть разные сводки, например по qa-upgrade-plan отобразатся все задания на развитие QA. При этом каждый человек в своей карточке сотрудника ведет важную историю и свой план развития — создает вложенную страницу из шаблона планов развития.

Заключение

Ведите любую документацию так, чтобы за нее не было стыдно, а пользователям не было мучительно больно!

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *