From b06ae0d2423a94904f8f9688a87c36dbf6c9b9ba Mon Sep 17 00:00:00 2001
From: Mikhail Chechnev <mim_@mail.ru>
Date: Thu, 16 Jan 2025 15:44:41 +0300
Subject: [PATCH] =?UTF-8?q?WEBAPP:=20=D0=9E=D0=B1=D1=89=D0=B5=D1=81=D0=B8?=
 =?UTF-8?q?=D1=81=D1=82=D0=B5=D0=BC=D0=BD=D1=8B=D0=B5=20=D1=81=D1=82=D0=B8?=
 =?UTF-8?q?=D0=BB=D0=B8=20=D1=81=D0=BA=D1=80=D0=BE=D0=BB=D0=BE=D0=B2=20?=
 =?UTF-8?q?=D0=B2=20=D0=BF=D1=80=D0=B8=D0=BC=D0=B5=D1=80=D0=B5=20"=D0=A2?=
 =?UTF-8?q?=D0=B0=D0=B1=D0=BB=D0=B8=D1=86=D0=B0=20=D0=B4=D0=B0=D0=BD=D0=BD?=
 =?UTF-8?q?=D1=8B=D1=85"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/panels/samples/data_grid.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/panels/samples/data_grid.js b/app/panels/samples/data_grid.js
index 6e61d15..9421d03 100644
--- a/app/panels/samples/data_grid.js
+++ b/app/panels/samples/data_grid.js
@@ -15,6 +15,7 @@ import { P8PDataGrid, P8P_DATA_GRID_SIZE } from "../../components/p8p_data_grid"
 import { P8P_DATA_GRID_CONFIG_PROPS } from "../../config_wrapper"; //Подключение компонентов к настройкам приложения
 import { BackEndСtx } from "../../context/backend"; //Контекст взаимодействия с сервером
 import { ApplicationСtx } from "../../context/application"; //Контекст приложения
+import { APP_STYLES } from "../../../app.styles"; //Типовые стили
 
 //---------
 //Константы
@@ -27,7 +28,7 @@ const DATA_GRID_PAGE_SIZE = 5;
 const STYLES = {
     CONTAINER: { textAlign: "center", paddingTop: "20px" },
     TITLE: { paddingBottom: "15px" },
-    DATA_GRID_CONTAINER: { maxWidth: 700, maxHeight: 500, minHeight: 500 }
+    DATA_GRID_CONTAINER: { maxWidth: 700, maxHeight: 500, minHeight: 500, ...APP_STYLES.SCROLL }
 };
 
 //---------------------------------------------
@@ -166,7 +167,7 @@ const DataGrid = ({ title }) => {
                         {dataGrid.dataLoaded ? (
                             <P8PDataGrid
                                 {...P8P_DATA_GRID_CONFIG_PROPS}
-                                containerComponentProps={{ elevation: 6, style: STYLES.DATA_GRID_CONTAINER }}
+                                containerComponentProps={{ elevation: 6, sx: STYLES.DATA_GRID_CONTAINER }}
                                 {...dataGrid}
                                 size={P8P_DATA_GRID_SIZE.LARGE}
                                 valueFormatter={valueFormatter}