Для добавления функции фильтрации в гриды в Битриксе, вам необходимо связать компоненты main.ui.filter и main.ui.grid с использованием JavaScript.
Пример кода для этого:
```php
<?php
// Код компонента main.ui.filter
$APPLICATION->IncludeComponent(
'bitrix:main.ui.filter',
'',
[
'FILTER_ID' => 'GRID_FILTER',
'FILTER' => [
[
'id' => 'USER_NAME',
'name' => 'Имя',
'type' => 'string',
'default' => true,
],
[
'id' => 'USER_EMAIL',
'name' => 'Email',
'type' => 'string',
],
],
'GRID_ID' => 'GRID',
]
);
?>
<?php
// Код компонента main.ui.grid
$APPLICATION->IncludeComponent(
'bitrix:main.ui.grid',
'',
[
'GRID_ID' => 'GRID',
'COLUMNS' => [
[
'id' => 'USER_NAME',
'name' => 'Имя',
'default' => true,
],
[
'id' => 'USER_EMAIL',
'name' => 'Email',
],
],
'ROWS' => [
['data' => ['USER_NAME' => 'Иван', 'USER_EMAIL' => '[email protected]']],
['data' => ['USER_NAME' => 'Петр', 'USER_EMAIL' => '[email protected]']],
],
'FILTER' => [
'FILTER_ID' => 'GRID_FILTER',
'FILTER_FIELDS' => [
'USER_NAME',
'USER_EMAIL',
],
],
]
);
?>
```
В этом примере компоненты main.ui.filter и main.ui.grid связаны по идентификатору 'GRID_FILTER', который задан в параметре FILTER_ID у компонента main.ui.filter и в параметре FILTER_FILTER_ID у компонента main.ui.grid.
Также обратите внимание на использование FILTER_FIELDS в параметре FILTER у компонента main.ui.grid. Здесь указываются идентификаторы полей, по которым будет производиться фильтрация.
Кодировка, стилизация и настройки компонентов могут быть выполнены в соответствии с вашими требованиями.