levis/help365
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update help elma

Browse Source
This commit is contained in:
koziavin
2025-05-27 21:32:35 +04:00
parent a6b05d6789
commit 898b22bf32
4500 changed files with 89372 additions and 120699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

240
platform/table-visibility.html
View File

@ -1,20 +1,19 @@
<!DOCTYPE html>
<html lang="ru">
<html lang="en">
<head>
<title>Настройка таблицы</title>
<title>Table settings</title>
<meta name="generator" content="Help+Manual" />
<meta name="keywords" content="" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Вы можете регулировать ширину и высоту строк таблицы, управлять нумерацией, группировкой и&nbsp;т.&nbsp;д. Чтобы перейти к&nbsp;настройкам, в&nbsp;режиме редактирования&nbsp;формы приложения выберите..." />
<meta name="description" content="You can adjust the width and height of table rows, manage numbering, grouping, etc. To access the settings in the app form settings, select the desired field and click Table..." />
<meta name="picture" content="" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cправка по Low-code платформе ELMA365" />
<meta property="og:url" content="https://elma365.com/ru/help" />
<meta property="og:image" content="" />
<meta property="og:site_name" content="ELMA365" />
<meta property="og:title" content="Full documentation for BRIX365 platform. Low-code developer guide. User guide. Admin guide. Developer guide." />
<meta property="og:url" content="https://brix365.com/en/help" />
<meta property="og:image" content="" />
<link rel="icon" href="favicon.png" type="image/png" />
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
@ -24,7 +23,6 @@
<link rel="stylesheet" href="./article.css" />
<link rel="stylesheet" href="./glossary.css" />
<link rel="stylesheet" href="./theme.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="helpman_settings.js"></script>
<script type="text/javascript" src="helpman_topicinit.js"></script>
@ -36,16 +34,16 @@
</head>
<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-M6ETBEC1R9"></script><script>window.dataLayer=window.dataLayer || []; function gtag(){dataLayer.push(arguments);}gtag('js', new Date()); gtag('config', 'G-M6ETBEC1R9');</script>
<script>!function(e,t,c,n,r,a,m){e.ym=e.ym||function(){(e.ym.a=e.ym.a||[]).push(arguments)},e.ym.l=1*new Date;for(var s=0;s<document.scripts.length;s++)if(document.scripts[s].src===n)return;a=t.createElement(c),m=t.getElementsByTagName(c)[0],a.async=1,a.src=n,m.parentNode.insertBefore(a,m)}(window,document,"script","https://mc.yandex.ru/metrika/tag.js"),ym(83179930,"init",{clickmap:!0,trackLinks:!0,accurateTrackBounce:!0,webvisor:!0})</script><noscript><div><img alt=""src=https://mc.yandex.ru/watch/83179930 style=position:absolute;left:-9999px></div></noscript>
<header class="header elma-365">
<div class="container">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo.svg" alt="header logo">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-en.svg" alt="header logo">
</a>
<!-- <div class="hero__search-form" id="search-panel">
<form class="search-form" onsubmit="ym(83179930,'reachGoal','poisk')">
<form class="search-form" onsubmit="ym(83180416,'reachGoal','poisk')">
<label class="search-form__label">
<span id="reset-search" class="search__icon"></span>
<input class="search-form__input" type="text">
@ -65,7 +63,7 @@
</div>
<div class="header__navi">
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a class="project-link" href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li><li><a class="project-link" href="https://elma365.com/ru/help/business_solutions/-elma365-store.html">Бизнес-решения</a></li></ul></span></li><li><a href="https://api.elma365.com/ru/"target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/"target="_blank">SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/" target="_blank">Академия</a></li><li><a href="https://elma365.com/ru/" target="_blank">Сайт ELMA365</a></li></ul>
<ul class="header__list"><li><span class="solution-select"><span class="solution-select__selected"></span><svg width="7" height="4" viewBox="0 0 7 4" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L3.5 3.5L6 1" stroke="white" stroke-linecap="round" stroke-linejoin="round"/></svg><ul class="solution-select__list"><li><a class="project-link" href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a class="project-link" href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a class="project-link" href="https://brix365.com/en/help/crm/crm_overview.html">CRM</a></li><li><a class="project-link" href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a class="project-link" href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li><li><a class="project-link" href="https://brix365.com/en/help/business_solutions/-elma365-store.html">Business Solutions</a></li></ul></span></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li><li><a href="https://tssdk.brix365.com/" target="_blank">SDK</a></li></ul>
</div>
@ -80,8 +78,8 @@
<aside class="sidebar" id="sidebar">
<div class="sidebar__header">
<a class="header__logo" href="https://elma365.com/ru/help">
<img src="./logo-light.svg">
<a class="header__logo" href="https://brix365.com/en/help">
<img src="./logo-light-en.svg">
</a>
<span class="sidebar__close elma-365-close" id="close"></span>
</div>
@ -94,15 +92,15 @@
<div class="article-inner">
<div class="content">
<header class="article__header">
<div class="article__bread" style="display:flex; gap:10px;">
<div class="article__bread" style="display:flex; gap:10px;">
<span id="subcategory" class="search-res__item-category search-res__item-category_subcategory subcategory article__badge"></span>
<div class="topic__breadcrumbs">
<p>Low-code дизайнер &gt; Конструктор приложений &gt; <a href="360010201779.html">Тип данных «Таблица»</a> / Настройка таблицы</p>
<p>Low-code designer &gt; App builder &gt; <a href="360010201779.html">Table data type</a> / Table settings</p>
</div>
</div>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Настройка таблицы</span></h1>
<div class="topic__title"><h1 class="p_Heading1"><span class="f_Heading1">Table settings</span></h1>
</div>
</header>
@ -111,93 +109,90 @@
<a href="#h1-article" class="scroll-top"></a>
</div>
<!-- Placeholder for topic body. -->
<p class="p_Normal">Вы можете регулировать ширину и высоту строк таблицы, управлять нумерацией, группировкой и т. д. Чтобы перейти к настройкам, в <a href="360009918011.html#edit_form" class="topiclink">режиме редактирования формы</a> приложения выберите нужное поле и нажмите <span style="font-weight: bold;">Настройка таблицы</span>.</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="таблицы 6" width="472" height="381" style="margin:0;width:472px;height:381px;border:none" src="hmfile_hash_85e1f816.png"/></p>
<h2 class="p_Heading2"><a id="settings" class="hmanchor"></a><span class="f_Heading2">Общие настройки</span></h2>
<p class="p_Normal">Общие настройки применяются к таблице в целом. Вы можете регулировать ширину и высоту строк таблицы, управлять нумерацией, группировкой и сортировкой строк в ней, а также скрывать или делать видимыми заголовки и футеры колонок. Рассмотрим эти опции подробнее:</p>
<p class="p_Normal"><img alt="table-settings-1" width="603" height="556" style="margin:0;width:603px;height:556px;border:none" src="table-settings-1.png"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">You can adjust the width and height of table rows, manage numbering, grouping, etc. To access the settings in the <a href="360009918011.html#configuringformfields" class="topiclink">app form settings</a>, select the desired field and click <span style="font-weight: bold;">Table Settings</span>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="task_settings_01" width="517" height="472" style="margin:0;width:517px;height:472px;border:none" src="task_settings_01.png"/></p>
<h2 class="p_Heading2"><a id="generalsettings" class="hmanchor"></a><span class="f_Heading2">General settings</span></h2>
<p class="p_Normal">General settings are applied to the whole table. You can adjust the width and height of table rows, manage numbering, grouping, or sorting of rows, as well as hide or display columns’ headers and footers. Let’s see how these options work:</p>
<p style="line-height: 1.20; margin: 19px 0 0 0;"><img alt="task_settings_02" width="621" height="505" style="margin:0;width:621px;height:505px;border:none" src="task_settings_02.png"/></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Таблица по ширине окна </span>или<span style="font-weight: bold;"> Произвольно</span> — включите опцию <span style="font-weight: bold;">Таблица по ширине окна</span>, если нужно отображать таблицу на полную ширину страницы. Размеры колонок задаются в процентах от этой величины. Выберите <span style="font-weight: bold;">Произвольно</span>, чтобы задать точные размеры колонок в пикселях. На странице общая ширина таблицы будет равна сумме размеров её колонок;</li><li class="p_Normal"><span style="font-weight: bold;">Минимальная высота строки в пикселях (не меньше 35)</span> — для выравнивания таблицы задайте высоту её строк. Минимальное значение — 35 пикселей;</li><li class="p_Normal"><span style="font-weight: bold;">Отображать порядковый номер в начале строки</span> — в таблице появится дополнительная колонка с номером строки, которая заполняется автоматически;</li><li class="p_Normal"><span style="font-weight: bold;">Разрешать удалять строки с ячейками, доступными только для чтения</span> — включите опцию, чтобы пользователи могли удалять строки таблицы, в которой есть колонки только для чтения. Предположим, в таблице <span style="font-weight: bold;">Спецификация заказа</span> есть недоступные для редактирования ячейки. В них передаются данные из приложения <span style="font-weight: bold;">Заказы</span>. Остальную информацию менеджер заполняет вручную. При включённой опции менеджер сможет удалять строки в таблице с заказом, например, если внёс неверные данные;</li><li class="p_Normal"><a id="grouping" class="hmanchor"></a><span style="font-weight: bold;">Группировать строки таблицы</span> — настройка позволяет структурировать данные в таблице и отображать их в удобном для пользователя виде:<ul style="list-style-type:circle">
<li class="p_Normal">в поле <span style="font-weight: bold;">Группировка по колонке </span>укажите колонку, по значениям в которой нужно сгруппировать строки таблицы;</li><li class="p_Normal">с помощью опции <span style="font-weight: bold;">Направление сортировки</span> группы в таблице можно расположить по убыванию или возрастанию общего значения. Если группировка выполнялась по строковым данным, то сортировка производится по алфавиту.</li></ul></li></ul>
<p class="p_Normal">Обратите внимание, если для колонок таблицы включена опция <a href="table-visibility.html#sorting" class="topiclink">Сортировка</a>, группировать строки нельзя. В появившемся окне оповещения выберите, какую опцию оставить активной.</p>
<p class="p_Normal"><img alt="group_in_tables-5" width="570" height="374" style="margin:0;width:570px;height:374px;border:none" src="group_in_tables-5.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Настройки колонок</span></h2>
<p class="p_Normal">Индивидуально для каждой колонки можно настроить:</p>
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Fit Table to Window </span>or<span style="font-weight: bold;"> Custom</span>. Select <span style="font-weight: bold;">Fit Table to Window </span>if you want the table to stretch across the width of the page. Column sizes will be percentages of the total table’s width. Select <span style="font-weight: bold;">Custom</span> to set a fixed pixel width for each column. The total width of the table will equal the sum of the column sizes.</li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Minimum row height in pixels (35 or higher)</span>. To align the table, set the height of its rows. The minimum value is 35 pixels.</li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Show sequential number for rows</span>. A column for the row’s number will appear in the table. Numbers will be filled out automatically.</li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-weight: bold;">Allow deleting rows with read-only cells</span>. Enable this option to let users remove rows even if the table includes read-only columns. Let’s say there are read-only cells in the <span style="font-weight: bold;">Order details</span> table. These are the cells that data from the <span style="font-weight: bold;">Orders</span> app is passed to. The rest of the data in the table is entered by the sales rep. If the option is enabled, the sales rep will be able to delete a row in the table, for example, if the data is incorrect.</li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><a id="grouptablerows" class="hmanchor"></a><span style="font-weight: bold;">Group table rows</span>. This option allows structuring data in the table and displaying it in a more convenient way.<ul style="list-style-type:circle">
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">In the<span style="font-weight: bold;"> Group by column </span>field, specify the column that rows need to be grouped by.</li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;">Use the <span style="font-weight: bold;">Sort in</span> option to place groups of cells in ascending or descending order. If you group items based on a <span style="font-weight: bold;">String</span> type field, items will be sorted alphabetically. </li></ul></li></ul>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Note that if the <a href="table-visibility.html#sorting" class="topiclink">Sorting</a> option is enabled for a column, you are not allowed to group rows. In the notification that appears, select the option that you want to keep.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="table-visibility-3" width="645" height="420" style="margin:0;width:645px;height:420px;border:none" src="table-visibility-3.png"/></p>
<h2 class="p_Heading2"><span class="f_Heading2">Column settings</span></h2>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">For each column, you can set:</span></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><a href="table-visibility.html#column-width" class="topiclink">ширину</a>;</li><li class="p_Normal"><a href="table-visibility.html#column-appearance" class="topiclink">внешний вид</a>;</li><li class="p_Normal"><a href="table-visibility.html#column-visibility" class="topiclink">видимость</a>;</li><li class="p_Normal"><a href="table-visibility.html#read-only_not-empty" class="topiclink">опции «Только для чтения» и «Обязательно для заполнения»</a>;</li><li class="p_Normal"><a href="table-visibility.html#sorting" class="topiclink">сортировку</a>. </li></ul>
<h3 class="p_Heading3"><a id="column-width" class="hmanchor"></a><span class="f_Heading3">Ширина</span></h3>
<p class="p_Normal">В зависимости от значения опции <span style="font-weight: bold;">Таблица по ширине окна/Произвольно</span> размер колонки задаётся в процентах от ширины страницы или в пикселях. Чтобы задать произвольную ширину столбца, потяните за его границу. </p>
<p class="p_Normal"><img alt="change-column-size" width="525" height="243" style="margin:0;width:525px;height:243px;border:none" src="change-column-size.jpg"/></p>
<p class="p_Normal">Ширину колонки можно устанавливать автоматически по содержимому. Для этого нажмите на значение ширины в колонке и выберите доступный вариант:</p>
<p class="p_Normal"><img alt="table-settings-1" width="930" height="592" style="margin:0;width:930px;height:592px;border:none" src="table-settings-1.jpg"/></p>
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;"><a href="table-visibility.html#width" class="topiclink">Width</a>.</span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;"><a href="table-visibility.html#design" class="topiclink">Design</a>.</span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;"><a href="table-visibility.html#visibility" class="topiclink">Visibility</a>.</span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;"><a href="table-visibility.html#readonlyandrequiredflags" class="topiclink">Read only and Required flags</a>.</span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter;"><a href="table-visibility.html#sorting" class="topiclink">Sorting</a>.</span></li></ul>
<h3 class="p_Heading3"><a id="width" class="hmanchor"></a><span class="f_Heading3">Width</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">Depending on the </span><span style="font-family: Inter; font-weight: bold;">Fit Table to Window/Custom </span><span style="font-family: Inter;">option, a column’s size is set either as a percentage of the table’s width or in pixels. To set the custom column width, drag the column’s border.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="table-visibility-4" width="817" height="300" style="margin:0;width:817px;height:300px;border:none" src="table-visibility-4.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">A column’s width can also change automatically to match the width of its content. To enable this option, click the value of the column’s width and select one of the following options:</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="table_width_01" width="626" height="438" style="margin:0;width:626px;height:438px;border:none" src="table_width_01.png"/></p>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Растянуть по максимуму</span> — настройка доступна при выборе опции <span style="font-weight: bold;">Таблица по ширине окна</span>. Ширина выбранной колонки будет максимально увеличена за счёт сжатия остальных. После выбора опции значение ширины в столбце сменится на <span style="font-weight: bold;">max</span>;</li></ul>
<ul style="list-style-type:disc">
<li class="p_Normal"><span style="font-weight: bold;">Сжать до минимума</span> — настройка доступна при выборе опции <span style="font-weight: bold;">Произвольно</span>. Ширина колонки будет уменьшена до размера самого большого элемента в столбце. После выбора опции значение ширины в столбце сменится на <span style="font-weight: bold;">min</span>.</li></ul>
<h3 class="p_Heading3"><a id="column-appearance" class="hmanchor"></a><span class="f_Heading3">Внешний вид</span></h3>
<p class="p_Normal" style="margin: 19px 0 0 0;">Вы можете добавить сплошную заливку для колонок, а также изменить расположение, цвет текста, использовать подчёркивания, курсив и полужирный шрифт. Для этого нажмите значок шестерёнки рядом с названием колонки. В открывшемся окне переключайтесь между опциями, чтобы отформатировать текст, как вам нужно. &nbsp;</p>
<p class="p_Normal" style="margin: 14px 0 0 0;"><img alt="table-appearance" width="535" height="388" style="margin:0;width:535px;height:388px;border:none" src="table-appearance.jpg"/></p>
<h3 class="p_Heading3"><a id="column-visibility" class="hmanchor"></a><span class="f_Heading3">Видимость</span></h3>
<p class="p_Normal">Вы можете скрыть заголовки и футеры у всех колонок таблицы. &nbsp;Для этого слева от таблицы нажмите значок <img alt="eye_icon" width="25" height="22" style="margin:0;width:25px;height:22px;border:none" src="eye_icon.png"/>. Чтобы сделать видимой ранее скрытую колонку, нажмите значок <img alt="crossed-eye" width="30" height="21" style="margin:0;width:30px;height:21px;border:none" src="crossed-eye.jpg"/>. </p>
<p class="p_Normal"><img alt="table-settings-6" width="571" height="472" style="margin:0;width:571px;height:472px;border:none" src="table-settings-6.png"/></p>
<h2 class="p_Heading2"><a id="read-only_not-empty" class="hmanchor"></a><span class="f_Heading2">Опции «Только для чтения» и «Обязательно для заполнения» </span></h2>
<p class="p_Normal">Чтобы защитить данные в колонке от изменения, включите для неё опцию <span style="font-weight: bold;">Только для чтения</span>. Для этого в строке над заголовком колонки нажмите значок <img alt="crossed-pencil" width="22" height="22" style="margin:0;width:22px;height:22px;border:none" src="crossed-pencil.jpg"/>. &nbsp;Когда пользователь будет работать с таблицей, он не сможет отредактировать такой столбец. </p>
<p style="margin: 7px 0 16px 0;"><span style="font-weight: bold;">Важно</span>: по умолчанию пользователи не могут удалять строки таблицы, в которой есть недоступные для редактирования столбцы. Чтобы это изменить, в настройках таблицы включите опцию <span style="font-weight: bold;">Разрешать удалять строки с ячейками, доступными только для чтения</span>.</p>
<p class="p_Normal"><img alt="table-settings-7" width="566" height="459" style="margin:0;width:566px;height:459px;border:none" src="table-settings-7.png"/></p>
<p class="p_Normal">Если колонка не должна остаться пустой, установите для неё флаг <span style="font-weight: bold;">Обязательно для заполнения</span>. Нажмите на значок звёздочки в строке над заголовком колонки. Цвет значка сменится на красный. Теперь при работе с таблицей пользователь не сможет сохранить изменения, пока колонка не будет заполнена. Чтобы снять флаг, нажмите на значок звёздочки ещё раз.</p>
<p class="p_Normal"><span style="font-weight: bold;">Важно</span>: в колонке должны быть заполнены все пустые ячейки.</p>
<h2 class="p_Heading2"><a id="sorting" class="hmanchor"></a><span class="f_Heading2">Сортировка</span></h2>
<p class="p_Normal">Вы можете сортировать данные в колонках по возрастанию и убыванию, а также по алфавиту. Сортировка доступна для колонок следующих типов: <a href="360009707032.html#number" class="topiclink">Число</a>, <a href="360009707032.html#date-time" class="topiclink">Дата/Время</a>, <a href="360009707032.html#money" class="topiclink">Деньги</a>, <a href="360009707032.html#string" class="topiclink">Строка</a>, <a href="360009707032.html#users" class="topiclink">Пользователи</a>, <a href="360009707032.html#app" class="topiclink">Приложение</a>, <a href="360009707032.html#phone-number" class="topiclink">Телефон</a>, <a href="360009707032.html#full-name" class="topiclink">ФИО</a> и <a href="360009707032.html#email" class="topiclink">E‑mail</a>.</p>
<p class="p_Normal">Чтобы включить сортировку в колонке, при её <a href="360010201779.html#addtable" class="topiclink">создании</a> или редактировании установите флажок в поле <span style="font-weight: bold;">Сортировка</span>.</p>
<p class="p_Normal"><img alt="table_sorting_1" width="514" height="411" style="margin:0;width:514px;height:411px;border:none" src="table_sorting_1.png"/></p>
<p class="p_Normal">Обратите внимание, при включённой опции <a href="table-visibility.html#grouping" class="topiclink">Группировать строки таблицы</a> сортировка данных в колонке недоступна. В появившемся окне оповещения выберите, какую опцию оставить активной.</p>
<p class="p_Normal">После включения сортировки на форме просмотра нажмите на заголовок колонки, чтобы поля располагались по возрастанию данных. Повторное нажатие отсортирует данные по убыванию. Чтобы сбросить сортировку, нажмите на заголовок поля ещё раз.</p>
<h2 class="p_Heading2"><span class="f_Heading2">Настройка колонок на формах и в контексте</span></h2>
<p class="p_Normal">На формах приложений, виджетов и задач бизнес-процессов видимость колонок и флаги <span style="font-weight: bold;">Только для чтения</span> и <span style="font-weight: bold;">Обязательно для заполнения</span> настраиваются тремя различными способами. Выбор способа зависит от типа элемента, на форме которого размещена таблица.</p>
<h3 class="p_Heading3"><span class="f_Heading3">На форме задачи в бизнес-процессе</span></h3>
<p class="p_Normal">Настройка выполняется следующим образом:</p>
<li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Set to maximum</span><span style="font-family: Inter;">. This setting is available when the </span><span style="font-family: Inter; font-weight: bold;">Fit Table to Window</span><span style="font-family: Inter;"> option is selected. The column will be as wide as possible, limited by the width of other columns. When you select this option, the width’s value will change to </span><span style="font-family: Inter; font-weight: bold;">max</span><span style="font-family: Inter;">. </span></li><li style="line-height: 1.20; margin-top: 14px; margin-right: 0; margin-bottom: 0;"><span style="font-family: Inter; font-weight: bold;">Set to minimum</span><span style="font-family: Inter;">. This setting is available when the </span><span style="font-family: Inter; font-weight: bold;">Custom</span><span style="font-family: Inter;"> option is selected. The column’s width will be equal to the size of the longest item in its cells. When you select this option, the width’s value will change to </span><span style="font-family: Inter; font-weight: bold;">min</span><span style="font-family: Inter;">.</span></li></ul>
<h3 class="p_Heading3"><a id="design" class="hmanchor"></a><span class="f_Heading3">Design</span></h3>
<p class="p_Normal">You can apply a background color to columns, change the text’s alignment or font color, and make it underlined, italic, or bold. To do that, click the gear icon next to a column’s name. In the pop-up window that opens, switch between different options to format text the way you want.</p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="table-visibility-6" width="559" height="453" style="margin:0;width:559px;height:453px;border:none" src="table-visibility-6.png"/></p>
<h3 class="p_Heading3"><a id="visibility" class="hmanchor"></a><span class="f_Heading3">Visibility</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">You can hide the headers and footers of all the columns in the table. To do that, click the <img alt="eye" width="23" height="18" style="margin:0;width:23px;height:18px;border:none" src="eye.png"/><span class="f_ImageCaption" style="font-size: 16px;"> </span>icon on the left of the table. To make a hidden element visible again, click <img alt="eye-closed" width="23" height="18" style="margin:0;width:23px;height:18px;border:none" src="eye-closed.png"/>.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="table_settings_05" width="604" height="427" style="margin:0;width:604px;height:427px;border:none" src="table_settings_05.png"/></p>
<h2 class="p_Heading2"><a id="readonlyandrequiredflags" class="hmanchor"></a><span class="f_Heading2">Read only and Required flags</span></h2>
<p style="line-height: 1.28; margin: 0 0 11px 0;">To ensure that data in a column will not be changed, use the <span style="font-weight: bold;">Read only</span> option. To do that, click the <img alt="read only" width="20" height="19" style="margin:0;width:20px;height:19px;border:none" src="hmfile_hash_96aa8b20.png"/> icon in the row above the column header. When a user works with the table, it will be impossible to edit cells in this column.</p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-weight: bold;">Important</span>: By default, users cannot delete table rows if the table contains read-only columns. To change this, in the table settings, enable the <span style="font-weight: bold;">Allow deleting rows with read-only cells</span> option.</p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="table_settings_06" width="574" height="402" style="margin:0;width:574px;height:402px;border:none" src="table_settings_06.png"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;">If calls in a column cannot be left empty, use the <span style="font-weight: bold;">Required</span> option. To do that, click the asterisk icon in the row above the column header. The icon color will change to red. Now when an employee works with the table, it will be impossible to save the changes without filling out cells in this column. To remove the <span style="font-weight: bold;">Required</span> flag, click the asterisk icon again.</p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-weight: bold;">Important</span>: All empty cells in the column will need to be filled out.</p>
<h2 class="p_Heading2"><a id="sorting" class="hmanchor"></a><span class="f_Heading2">Sorting</span></h2>
<p><span style="font-family: Inter;">You can sort data in columns in ascending and descending order, as well as alphabetically. Sorting is only available for the following types of fields: <a href="360009707032.html#number" class="topiclink">Number</a>, </span><span style="color: #0000ff;"><a href="360009707032.html#date-time" class="topiclink">Date/Time</a></span>,<span style="font-family: Inter;"> <a href="360009707032.html#money" class="topiclink">Money</a>, <a href="360009707032.html#string" class="topiclink">String</a>, <a href="360009707032.html#users" class="topiclink">Users</a>, <a href="360009707032.html" class="topiclink">App</a>, <a href="360009707032.html#phone-number" class="topiclink">Phone number</a>, <a href="360009707032.html#full-name" class="topiclink">Full Name</a>, and <a href="360009707032.html#email" class="topiclink">Email address</a>.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">To enable sorting for a column, check the </span><span style="font-family: Inter; font-weight: bold;">Sorting</span><span style="font-family: Inter;"> box when you <a href="360010201779.html#addingtabletoappform" class="topiclink">create</a> or edit it.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><img alt="table-visibility-9" width="531" height="375" style="margin:0;width:531px;height:375px;border:none" src="table-visibility-9.png"/></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">Note that sorting is not available if you use the <a href="table-visibility.html#grouptablerows" class="topiclink">Group table rows</a> option. In the notification that appears, select the option you want to keep.</span></p>
<p style="line-height: 1.20; margin: 14px 0 0 0;"><span style="font-family: Inter;">When you enable sorting, you can open an app item’s view form and click the corresponding column header. Cells will be sorted in the ascending order. If you click the header again, they will be sorted in descending order. Another click will reset the order of cells.</span></p>
<h2 class="p_Heading2"><span class="f_Heading2">Column settings on forms and in the context</span></h2>
<p class="p_Normal">Column visibility, as well as the Read only and Required flags are configured differently on app forms, in interfaces, and in business process tasks. Let’s see how to change table settings in each case.</p>
<h3 class="p_Heading3"><span class="f_Heading3">On a business process task form</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">Change the table settings in the following way:</p>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal">На схеме процесса дважды нажмите на элемент <span style="font-weight: bold;">Задача</span> и перейдите на вкладку <span style="font-weight: bold;">Форма</span>.</li><li value="2" class="p_Normal">В столбце <span style="font-weight: bold;">Название</span> выберите поле типа <span style="font-weight: bold;">Таблица</span>.</li><li value="3" class="p_Normal">В открывшемся окне перейдите на вкладку <span style="font-weight: bold;">Отображение колонок</span>.</li><li value="4" class="p_Normal">Выделите колонку в списке, чтобы включить или отключить опции: </li></ol>
<ul style="list-style-type:disc">
<li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="crossed-eye" width="30" height="21" style="margin:0;width:30px;height:21px;border:none" src="crossed-eye.jpg"/><span class="f_Comment"> — ограничение видимости;</span></li><li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="hollow-star" width="19" height="20" style="margin:0;width:19px;height:20px;border:none" src="hollow-star.jpg"/><span class="f_Comment"> — обязательность заполнения ячейки; </span></li><li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="crossed-pencil" width="22" height="22" style="margin:0;width:22px;height:22px;border:none" src="crossed-pencil.jpg"/><span class="f_Comment"> — доступность только для чтения и запрет на редактирование.</span></li></ul>
<p class="p_Normal" style="margin: 0 0 0 13px;"><img alt="table-settings-9" width="621" height="393" style="margin:0;width:621px;height:393px;border:none" src="table-settings-9.png"/></p>
<p style="margin: 7px 0 0 0;">Чтобы пользователи могли удалять строки при заполнении таблицы, в которой есть столбцы, недоступные для редактирования, в окне настроек включите опцию <span style="font-weight: bold;">Разрешать удалять строки с ячейками, доступными только для чтения</span>. </p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">On the business process diagram, double-click a <span style="font-weight: bold;">Task</span> activity and open the <span style="font-weight: bold;">Form</span> tab.</li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">In the <span style="font-weight: bold;">Name on Form</span> column, select a <span style="font-weight: bold;">Table</span> type field.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">In the window that opens, go to the <span style="font-weight: bold;">Columns display</span> tab.</li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Check boxes to enable or disable the following options:<ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Hide a column: <img alt="eye-closed" width="23" height="18" style="margin:0;width:23px;height:18px;border:none" src="eye-closed.png"/>.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Make cells in a column required: <img alt="required-star-red" width="20" height="20" style="margin:0;width:20px;height:20px;border:none" src="required-star-red.png"/>.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Make cells in a column read-only and restrict editing: <img alt="read only" width="20" height="19" style="margin:0;width:20px;height:19px;border:none" src="hmfile_hash_96aa8b20.png"/><span class="f_ImageCaption" style="font-size: 16px; font-weight: normal;">.</span></li></ul></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 13px;"><img alt="table-visibility-10" width="579" height="321" style="margin:0;width:579px;height:321px;border:none" src="table-visibility-10.png"/></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">To let users delete rows in tables with read-only columns, enable the </span><span style="font-family: Inter; font-weight: bold;">Allow deleting rows with read-only cells </span><span style="font-family: Inter;">option in the table’s settings.</span></p>
<ol style="list-style-type:upper-roman" start="5">
<li value="5" class="p_Normal">Сохраните настройки.</li></ol>
<p class="p_Normal"><span style="font-weight: bold;">Важно</span>: настройки колонок действуют только для текущей задачи в бизнес-процессе.</p>
<h3 class="p_Heading3"><span class="f_Heading3">На форме приложения, виджета или страницы</span></h3>
<p class="p_Normal">Если свойство типа <span style="font-weight: bold;">Таблица</span> размещается на форме приложения, страницы или виджета, настройка колонок выполняется следующим образом:</p>
<li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Save the changes.</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter; font-weight: bold;">Important</span><span style="font-family: Inter;">: The column settings you configure here only apply to the current task in the business process.</span></p>
<h3 class="p_Heading3"><span class="f_Heading3">On the form of an app, widget, or page</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;">If a <span style="font-weight: bold;">Table</span> type field is placed on the form of an app, a page, or a widget, you can configure columns as follows:</p>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal">Откройте шаблон формы в <a href="360028941032.html" class="topiclink">расширенном режиме</a>.</li><li value="2" class="p_Normal">На форме выберите или <a href="360029250931.html#add_property" class="topiclink">добавьте свойство</a> типа <span style="font-weight: bold;">Таблица</span>. Чтобы добавить свойство, перетащите его на форму с правой панели.</li><li value="3" class="p_Normal">Нажмите на значок шестерёнки в заголовке свойства.</li><li value="4" class="p_Normal">В открывшемся окне перейдите на вкладку <span style="font-weight: bold;">Настройки отображения</span>.</li><li value="5" class="p_Normal">Выделите колонку в списке, чтобы включить или отключить опции: </li></ol>
<ul style="list-style-type:disc">
<li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="crossed-eye" width="30" height="21" style="margin:0;width:30px;height:21px;border:none" src="crossed-eye.jpg"/><span class="f_Comment"> — ограничение видимости;</span></li><li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="hollow-star" width="19" height="20" style="margin:0;width:19px;height:20px;border:none" src="hollow-star.jpg"/><span class="f_Comment"> — обязательность заполнения ячейки; </span></li><li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="crossed-pencil" width="22" height="22" style="margin:0;width:22px;height:22px;border:none" src="crossed-pencil.jpg"/><span class="f_Comment"> — доступность только для чтения и запрет на редактирование.</span></li></ul>
<p class="p_Normal" style="margin: 0 0 0 13px;"><img alt="table-settings-10" width="794" height="425" style="margin:0;width:794px;height:425px;border:none" src="table-settings-10.png"/></p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Open the form template in the <a href="360028941032.html" class="topiclink">advanced mode</a>.</li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Select or <a href="360029250931.html#addingpropertytotheform" class="topiclink">add</a> a <span style="font-weight: bold;">Table</span> type property to the form. To do that, drag it from the right-side panel.</li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Click the gear icon in the property header.</li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">In the window that opens, go to the <span style="font-weight: bold;">Display settings</span> tab.</li><li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Check boxes to enable or disable the following options:</li></ol>
<ol style="list-style-type:upper-roman"><ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Hide a column: <img alt="eye-closed" width="23" height="18" style="margin:0;width:23px;height:18px;border:none" src="eye-closed.png"/>.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Make cells in a column required: <img alt="required-star-red" width="20" height="20" style="margin:0;width:20px;height:20px;border:none" src="required-star-red.png"/>.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;">Make cells in a column read-only and restrict editing: <img alt="read only" width="20" height="19" style="margin:0;width:20px;height:19px;border:none" src="hmfile_hash_96aa8b20.png"/><span class="f_ImageCaption" style="font-size: 16px; font-weight: normal;">.</span></li></ul></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 13px;"><img alt="table-visibility-11" width="553" height="323" style="margin:0;width:553px;height:323px;border:none" src="table-visibility-11.png"/></p>
<ol style="list-style-type:upper-roman" start="6">
<li value="6" class="p_Normal">Сохраните настройки.</li></ol>
<p class="p_Normal"><span style="font-weight: bold;">Важно</span>: настройки колонок действуют только для формы, в шаблоне которой они были установлены. Например, если вы скрыли колонки только в шаблоне формы создания элемента приложения, они по‑прежнему будут отображаться на форме просмотра.</p>
<p class="p_Normal">Вместо флажка вы можете указать контекстную переменную типа <a href="360009707032.html#yes_no" class="topiclink">Выбор «да/нет»</a>. Для этого нажмите значок<img alt="clip0092" width="21" height="12" style="margin:0;width:21px;height:12px;border:none" src="clip0092.png"/>напротив названия колонки. Выберите переменную из списка. Ограничения колонки будут включены или выключены, в зависимости от значения связанной переменной. </p>
<p class="p_Normal"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A1')">Пример привязки видимости колонки к переменной</a></p>
<div id="TOGGLE0186A1" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; padding: 0 0 0 0; margin: 0 0 0 0;"><table style="border:none; border-spacing:0;">
<li value="6" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Save the changes.</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter; font-weight: bold;">Important</span><span style="font-family: Inter;">: These table settings are only applied on the form they are configured for. For example, if you hide certain columns of the table on the app create form, they will still be displayed on the view form.</span></p>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">Instead of checking boxes, you can select a context variable of the <a href="360009707032.html#yes-no-switch" class="topiclink">Yes/No switch</a> type. To do that, click the </span><img alt="bind_table-icon" width="21" height="21" style="margin:0;width:21px;height:21px;border:none" src="bind_table-icon.png"/> <span style="font-family: Inter;">icon next to the checkbox you need. Select a variable from the list. The column settings will be turned on or off depending on the value of the bound variable.</span></p>
<p class="p_Normal"><a class="dropdown-toggle" style="font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;" href="javascript:HMToggle('toggle','TOGGLE0186A1')">Example of binding column display settings to a variable</a></p>
<div id="TOGGLE0186A1" class="dropdown-toggle-body" style="text-align: left; text-indent: 0; line-height: 1.28; padding: 0 0 0 0; margin: 0 0 11px 0;"><table style="border:none; border-spacing:0;">
<tr>
<td style="vertical-align:top; padding:0; border:none"><p class="p_Normal">Допустим, вы ведёте учёт материалов в приложении <span style="font-weight: bold;">Склад</span>. В <a href="context_types.html#app_context" class="topiclink">контексте приложения</a> есть свойство <span style="font-weight: bold;">Материалы на складе</span> типа <span style="font-weight: bold;">Таблица</span>, где хранятся сведения о текущих остатках материалов. Информацию нужно отправлять внешним заказчикам, но без отображения закупочной цены. Для этого:</p>
<td style="vertical-align:top; padding:0; border:none"><p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">Let’s say you are keeping records of materials in the </span><span style="font-family: Inter; font-weight: bold;">Stock</span><span style="font-family: Inter;"> app. In the <a href="context_types.html" class="topiclink">app context</a>, there is a </span><span style="font-family: Inter; font-weight: bold;">Materials</span><span style="font-family: Inter;"> in stock property of the </span><span style="font-family: Inter; font-weight: bold;">Table</span><span style="font-family: Inter;"> type, which stores information about the current stock of materials. You need to send the information to external customers, but without displaying the purchase price. To do this:</span></p>
<ol style="list-style-type:decimal">
<li value="1" class="p_Normal">Добавьте в контекст приложения свойство <span style="font-weight: bold;">Внешний заказчик</span> типа <span style="font-weight: bold;">Выбор «да/нет»</span>.</li><li value="2" class="p_Normal">Откройте <a href="360029250931.html" class="topiclink">шаблон формы</a> просмотра в <a href="360028941032.html" class="topiclink">расширенном режиме</a> редактирования. </li><li value="3" class="p_Normal">Выберите свойство <span style="font-weight: bold;">Материалы на складе</span>. </li><li value="4" class="p_Normal">В настройках отображения свяжите колонку <span style="font-weight: bold;">Цена закупки</span> со свойством <span style="font-weight: bold;">Внешний заказчик</span>. </li><li value="5" class="p_Normal">Сохраните настройки.</li><li value="6" class="p_Normal"><a href="360029250931.html#add_property" class="topiclink">Добавьте</a> на форму свойство <span style="font-weight: bold;">Внешний заказчик</span>.</li><li value="7" class="p_Normal">Сохраните и опубликуйте форму.</li></ol>
<p class="p_Normal"> На странице сведений о текущих остатках материалов появится опция <span style="font-weight: bold;">Внешний заказчик</span>. Если сотрудник выберет её перед отправкой, закупочные цены для адресата будут скрыты.</p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Add a </span><span style="font-family: Inter; font-weight: bold;">Yes/No switch</span><span style="font-family: Inter;"> field named </span><span style="font-family: Inter; font-weight: bold;">External customer</span><span style="font-family: Inter;"> to the app context.</span></li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Open the view <a href="360029250931.html" class="topiclink">form template</a> in <a href="360028941032.html" class="topiclink">advanced mode</a>.</span></li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Select the </span><span style="font-family: Inter; font-weight: bold;">Materials in stock</span><span style="font-family: Inter;"> property.</span></li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">In the display settings, bind the </span><span style="font-family: Inter; font-weight: bold;">Purchase price</span><span style="font-family: Inter;"> property with the </span><span style="font-family: Inter; font-weight: bold;">External customer</span><span style="font-family: Inter;"> property.</span></li><li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Save the settings.</span></li><li value="6" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Add the </span><span style="font-family: Inter; font-weight: bold;">External customer</span><span style="font-family: Inter;"> property to the form.</span></li><li value="7" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Save and publish the form.</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">On the form that shows materials in stock, the </span><span style="font-family: Inter; font-weight: bold;">External customer</span><span style="font-family: Inter;"> property will appear. If an employee selects it before sending the form, </span><span style="font-family: Inter; font-weight: bold;">Purchase price</span><span style="font-family: Inter;"> will be hidden for the recipient.</span></p>
</td>
</tr>
</table>
</div>
<h3 class="p_Heading3"><span class="f_Heading3">На простой форме приложения</span></h3>
<p class="p_Normal">В приложении вы также можете быстро настроить колонки в окне <span style="font-weight: bold;">Настройки формы</span> на вкладках <span style="font-weight: bold;">Создание</span>, <span style="font-weight: bold;">Просмотр</span> и <span style="font-weight: bold;">Редактирование</span> без перехода в конструктор форм. Для этого:</p>
<h3 class="p_Heading3"><span class="f_Heading3">On an app’s form in the standard mode</span></h3>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><span style="font-family: Inter;">In an app, you can also quickly change columns’ settings in the </span><span style="font-family: Inter; font-weight: bold;">Form Settings</span><span style="font-family: Inter;"> window on the </span><span style="font-family: Inter; font-weight: bold;">Create</span><span style="font-family: Inter;">, </span><span style="font-family: Inter; font-weight: bold;">View</span><span style="font-family: Inter;">, and </span><span style="font-family: Inter; font-weight: bold;">Edit</span><span style="font-family: Inter;"> tabs without having to open the interface designer. To do that:</span></p>
<ol style="list-style-type:upper-roman">
<li value="1" class="p_Normal">Нажмите на значок шестерёнки справа от названия приложения и выберите в появившемся меню <span style="font-weight: bold;">Настройка формы</span>.</li><li value="2" class="p_Normal">Перейдите на вкладку <span style="font-weight: bold;">Создание</span>, <span style="font-weight: bold;">Просмотр</span> или <span style="font-weight: bold;">Редактирование</span>.</li><li value="3" class="p_Normal">В колонке <span style="font-weight: bold;">Контекст</span> слева выберите и перетащите на поле справа свойство типа <span style="font-weight: bold;">Таблица</span>, колонки в котором вы хотите настроить.</li><li value="4" class="p_Normal">Нажмите на названии свойства в колонке <span style="font-weight: bold;">Название на форме</span>.</li></ol>
<p class="p_Normal"><img alt="coulmn-on-simple-form" width="903" height="496" style="margin:0;width:903px;height:496px;border:none" src="coulmn-on-simple-form.jpg"/></p>
<li value="1" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Click the gear icon on the right of the app name and select </span><span style="font-family: Inter; font-weight: bold;">Form Settings</span><span style="font-family: Inter;">.</span></li><li value="2" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Go to the </span><span style="font-family: Inter; font-weight: bold;">Create</span><span style="font-family: Inter;">, </span><span style="font-family: Inter; font-weight: bold;">View</span><span style="font-family: Inter;">, or </span><span style="font-family: Inter; font-weight: bold;">Edit</span><span style="font-family: Inter;"> tab.</span></li><li value="3" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">To change the settings of a </span><span style="font-family: Inter; font-weight: bold;">Table</span><span style="font-family: Inter;"> type field, select it in the </span><span style="font-family: Inter; font-weight: bold;">Context</span><span style="font-family: Inter;"> column on the left and drag it to the list of properties on the right.</span></li><li value="4" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Click the field name in the </span><span style="font-family: Inter; font-weight: bold;">Name on form</span><span style="font-family: Inter;"> column.</span></li></ol>
<p style="line-height: 1.28; margin: 0 0 11px 0;"><img alt="table-visibility-12" width="633" height="344" style="margin:0;width:633px;height:344px;border:none" src="table-visibility-12.png"/></p>
<ol style="list-style-type:upper-roman" start="5">
<li value="5" class="p_Normal">В открывшемся окне перейдите на вкладку <span style="font-weight: bold;">Отображение колонок</span>.</li><li value="6" class="p_Normal">Выделите колонку в списке, чтобы включить или отключить опции: </li></ol>
<ul style="list-style-type:disc">
<li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="crossed-eye" width="30" height="21" style="margin:0;width:30px;height:21px;border:none" src="crossed-eye.jpg"/><span class="f_Comment"> — ограничение видимости;</span></li><li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="hollow-star" width="19" height="20" style="margin:0;width:19px;height:20px;border:none" src="hollow-star.jpg"/><span class="f_Comment"> — обязательность заполнения ячейки; </span></li><li class="p_Comment" style="margin-top: 0; margin-right: 0; margin-bottom: 0;"><img alt="crossed-pencil" width="22" height="22" style="margin:0;width:22px;height:22px;border:none" src="crossed-pencil.jpg"/><span class="f_Comment"> — доступность только для чтения и запрет на редактирование.</span></li></ul>
<li value="5" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">In the window that opens, open the </span><span style="font-family: Inter; font-weight: bold;">Columns display</span><span style="font-family: Inter;"> tab.</span></li><li value="6" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Check boxes to enable or disable the following options:</span></li></ol>
<ol style="list-style-type:upper-roman"><ul style="list-style-type:disc">
<li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Hide a column: </span><img alt="eye-closed" width="23" height="18" style="margin:0;width:23px;height:18px;border:none" src="eye-closed.png"/><span style="font-family: Inter;">.</span></li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Make cells in a column required: </span><img alt="required-star-red" width="20" height="20" style="margin:0;width:20px;height:20px;border:none" src="required-star-red.png"/>.</li><li style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Make cells in a column read-only and restrict editing: </span><img alt="read only" width="20" height="19" style="margin:0;width:20px;height:19px;border:none" src="hmfile_hash_96aa8b20.png"/><span class="f_ImageCaption" style="font-size: 16px; font-weight: normal;">.</span></li></ul></li></ol>
<ol style="list-style-type:upper-roman" start="7">
<li value="7" class="p_Normal">Сохраните настройки.</li></ol>
<li value="7" style="line-height: 1.28; margin-top: 0; margin-right: 0; margin-bottom: 11px;"><span style="font-family: Inter;">Save the changes.</span></li></ol>
<div class="bottom-nav">
@ -214,7 +209,7 @@
</div>
<!-- добавляет на страницу строку блок Была ли статья полезной? -->
<div class="feedback-wrap"><div class="feedback" id="feedback"><span><b>Была ли статья полезной?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx">Спасибо за ваш отзыв!</div><div id="feedback-success-popup"><div class="wrap"><button type="button" class="feedback-popup-close">×</button><svg width="44" height="44" viewBox="0 0 44 44" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_212_2187)"><path d="M22 0.6875C10.2294 0.6875 0.6875 10.2294 0.6875 22C0.6875 33.7706 10.2294 43.3125 22 43.3125C33.7706 43.3125 43.3125 33.7706 43.3125 22C43.3125 10.2294 33.7706 0.6875 22 0.6875ZM22 40.5625C11.8023 40.5625 3.4375 32.3078 3.4375 22C3.4375 11.8024 11.6922 3.4375 22 3.4375C32.1977 3.4375 40.5625 11.6922 40.5625 22C40.5625 32.1976 32.3078 40.5625 22 40.5625ZM34.1713 16.933L18.6613 32.3186C18.257 32.7197 17.604 32.7171 17.203 32.3128L9.82283 24.873C9.42176 24.4686 9.42434 23.8157 9.82867 23.4146L10.5609 22.6884C10.9652 22.2873 11.6181 22.2899 12.0192 22.6942L17.9468 28.6697L31.9926 14.7366C32.3969 14.3356 33.0498 14.3382 33.4509 14.7425L34.1772 15.4747C34.5783 15.879 34.5757 16.532 34.1713 16.933Z" fill="#27AE60"></path></g><defs><clipPath id="clip0_212_2187"><rect width="44" height="44" fill="white"></rect></clipPath></defs></svg><p>Ваш отзыв успешно отправлен!</p><span>Спасибо за обратную связь.</span></div></div><div class="feedback__popup" id="feedback__popup_why"><button type="button" class="feedback-popup-close">×</button><div class="feedback__popup-header">Уточните, почему:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Рекомендации не помогли</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Текст трудно понять</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Нет ответа на мой вопрос</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Содержание статьи не соответствует заголовку</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Другая причина</label></div><div class="feedback__popup" id="feedback__popup-other"><button type="button" class="feedback-popup-close">×</button> <div class="feedback__popup-header">Расскажите, что вам не понравилось в статье:</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Отправить"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg"/><span class="feedback-form__btn-group_yes-btn">Да</span></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg"/><span class="feedback-form__btn-group_no-btn">Нет</span></label></div><select name="category"><option disabled>Выберите вариант</option><option value="bad_recommendation" selected>Рекомендации не помогли</option><option value="difficult_text">Текст трудно понять</option><option value="no_answer">Нет ответа на мой вопрос</option><option value="bad_header">Содержание статьи не соответствует заголовку</option><option value="other_reason">Другая причина</option></select><input type="submit"></form></div></div>
<div class="feedback" id="feedback"><div class="feedback-help"><span><b>Was this helpful?</b></span><form action="" method="POST" class="feedback-form" id="feedback-form"><div class="feedback__popup feedback__popup-response" id="feedback__popup_thx" style="display: none;">Thanks for your feedback!</div><div class="feedback__popup" id="feedback__popup_why" style="display: none;"><div class="feedback__popup-header">Please specify why:</div><input type="radio" name="category" id="bad_recommendation" value="bad_recommendation"><label for="bad_recommendation">Recommendations did not help me</label><input type="radio" name="category" id="difficult_text" value="difficult_text"><label for="difficult_text">Article is hard to understand</label><input type="radio" name="category" id="no_answer" value="no_answer"><label for="no_answer">Didn`t answer my question</label><input type="radio" name="category" id="bad_header" value="bad_header"><label for="bad_header">Content does not match the topic</label><input type="radio" name="category" id="other_reason" value="other_reason"><label for="other_reason">Other</label></div><div class="feedback__popup" id="feedback__popup-other" style="display: none;"><div class="feedback__popup-header">How we can improve it?</div><textarea class="feedback__textarea" name="other" id=""></textarea><input type="submit" class="feedback__other-btn" value="Submit"></div><div class="feedback-form__btn-group"><input type="radio" name="useful" id="feedback__useful_yes" value="true"><label for="feedback__useful_yes"><img src="like.svg" class="small-img" alt="like"><spanclass="feedback-form__btn-group_yes-btn">Yes</spanclass="feedback-form__btn-group_yes-btn"></label><input type="radio" name="useful" id="feedback__useful_no" value="false"><label for="feedback__useful_no"><img src="dislike.svg" class="small-img" alt="dislike"><spanclass="feedback-form__btn-group_no-btn">No</spanclass="feedback-form__btn-group_no-btn"></label></div><select name="category"><option disabled="">Please specify why</option><option value="bad_recommendation" selected="">Recommendations did not help me</option><option value="difficult_text">Article is hard to understand</option><option value="no_answer">Didn`t answer my question</option><option value="bad_header">Content does not match the topic</option><option value="other_reason">Other</option></select><input type="submit"></form></div><div class="found_typo"><p style="margin: 0px; margin-top: 16px !important;"><span><b>Found a typo?</b></span> Select it and press <i>Ctrl+Enter</i> to send us feedback</p></div></div>
</section>
</div>
@ -222,7 +217,7 @@
<input type="checkbox" />
<div class="article__arrow"></div>
<div class="table-of-contents elma365-right" id="toc2Content">
<h3 class="h3-toc">В этой статье</h3>
<h3 class="h3-toc">In this topic</h3>
<nav id="toc2"></nav>
</div>
</aside>
@ -233,63 +228,30 @@
<div class="footer-container">
<div class="footer-mobile">
<ul class="footer-mobile__list"><li><a href="https://api.elma365.com/ru/" target="_blank">API</a></li><li><a href="https://tssdk.elma365.com/" target="_blank">TS SDK</a></li><li><a href="https://community.elma365.com/" target="_blank">Community</a></li><li><a href="https://elma-academy.com/ru/elma365" target="_blank">Академия</a></li></ul><ul class="footer-mobile__list"><li><a href="https://elma365.com/ru/help/platform/get-trial.html">Платформа</a></li><li><a href="https://elma365.com/ru/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://elma365.com/ru/help/service/service-functions.html">Service</a></li><li><a href="https://elma365.com/ru/help/projects/projects-functions.html">Проекты</a></li></ul>
<ul class="footer-mobile__list"><li><a href="https://brix365.com/en/" target="_blank">BRIX</a></li><li><a href="https://tssdk.brix365.com/en/latest/" target="_blank">SDK</a></li><li><a href="https://api.brix365.com/en/" target="_blank">API</a></li></ul><ul class="footer-mobile__list"><li><a href="https://brix365.com/en/help/platform/get-trial.html">Platform</a></li><li><a href="https://brix365.com/en/help/ecm/ecm-functions.html">ECM</a></li><li><a href="https://brix365.com/en/help/service/service-functions.html">Service</a></li><li><a href="https://brix365.com/en/help/projects/projects-functions.html">Projects</a></li></ul>
</div>
<div class="container">
<div class="footer-wrap">
<div><span class="mobile-question-popup">Отправить фидбэк</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Задать вопрос</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Отправить"></div></form><div class="hidden fade-in question-success-xs">Ваш фидбэк отправлен.</div></div>
<div class="footer-flex-b">
<div class="footer-top">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</div>
<div class="footer-line">
<div class="footer-line-copy">
<span class="footer-copy">&copy; 2025
ELMA365
</span>
</div>
<ul class="footer-list">
<li class="footer-item"><a href="https://elma365.com/ru/" target="_blank" class="footer-link" style="color: #0D4A75;"><img src="browse.svg" alt="browse icon" class="footer-img">elma365.com</a></li><li class="footer-item"><a href="https://www.youtube.com/user/ELMABPM" target="_blank" class="footer-link"><img src="yt.svg" alt="youtube icon" class="footer-img"></a></li><li class="footer-item"><a href="https://vk.com/elma_bpm" target="_blank" class="footer-link"><img src="vk.svg" alt="vk icon" class="footer-img"></a></li><li class="footer-item"><a href="https://t.me/elmaday" target="_blank" class="footer-link"><img src="tg.svg" alt="telegram icon" class="footer-img"></a></li><li class="footer-item"><a href="https://dzen.ru/elma" target="_blank" class="footer-link"><img src="dzen.svg" alt="dzen icon" class="footer-img"></a></li>
<li class="footer-item">
<a href="https://navigator.sk.ru/orn/1122971" target="_blank">
<img src="sk-resident.svg" alt="sk icon" class="footer-img" width="117" height="34">
</a>
</li>
</ul>
</div>
</div>
<div class="footer-wrap">
<div><span class="mobile-question-popup">Send feedback</span><form method="POST" action class="question__popup question-xs" id="question__popup"><div class="question-wrap"><span class="close"></span><span class="title">Ask a question</span><label for="help_question" style="display: none;"></label><textarea name="help_question" id="help_question"></textarea><input type="submit" value="Send"></div></form><div class="hidden fade-in question-success-xs">Sent</div></div>
<div class="footer-flex-b">
<span class="footer-copy">&copy; 2025 BRIX</span>
<ul class="footer-list">
<li class="footer-item">
<a href="#" class="arrow-top" style="display: block;"></a>
</li>
</ul>
</div>
</div>
<a href="#" class="arrow-top"></a>
</div>
</footer>
<!-- <script type="text/javascript" src="jquery1.min.js"></script>-->
<iframe name="hmnavigation" style="display:none!important"></iframe>
<!--<script src="./jquery-ui.js"></script> -->
<script src="./jquery-ui.min.js"></script>
<script src="./jquery-ui.js"></script>
<!--script src="//cdn.jsdelivr.net/npm/featherlight@1.7.14/release/featherlight.min.js" type="text/javascript" charset="utf-8"></script-->
<script src="./jquery.tocify.min.js"></script>
<script src="./TypoReporter.min.js"></script>