From c880f493f0a0f33fc0ce0835371c024f76a9b638 Mon Sep 17 00:00:00 2001
From: hj615 <hj615@cuuva.com>
Date: Mon, 1 Dec 2025 11:05:54 +0900
Subject: [PATCH] =?UTF-8?q?design:=20DataGrid=20=20=EC=8A=A4=ED=83=80?=
 =?UTF-8?q?=EC=9D=BC=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 SmartAquaViewer/Resources/Generic.xaml   | 26 +++++++++++++++-----
 SmartAquaViewer/View/MonitoringView.xaml | 30 ++++++++++++++----------
 2 files changed, 38 insertions(+), 18 deletions(-)

diff --git a/SmartAquaViewer/Resources/Generic.xaml b/SmartAquaViewer/Resources/Generic.xaml
index d324955..89638de 100644
--- a/SmartAquaViewer/Resources/Generic.xaml
+++ b/SmartAquaViewer/Resources/Generic.xaml
@@ -386,24 +386,38 @@
         <Setter Property="IsReadOnly" Value="True"/>
         <Setter Property="CanUserAddRows" Value="False"/>
         <Setter Property="VerticalAlignment" Value="Stretch"/>
+        <Setter Property="HorizontalGridLinesBrush" Value="#767676"/>
+        <Setter Property="VerticalGridLinesBrush" Value="#767676"/>
+        <Setter Property="Background" Value="Transparent"/>
+        <Setter Property="BorderBrush" Value="#999"/>
     </Style>
-
     <Style x:Key="DataGridRowStyle" TargetType="{x:Type DataGridRow}">
-        <Setter Property="Background" Value="#242424"/>
+        <Setter Property="Background" Value="#292929"/>
         <Setter Property="Foreground" Value="White"/>
         <Setter Property="HorizontalContentAlignment" Value="Center"/>
         <Setter Property="FontFamily" Value="{StaticResource SCDream3}"/>
     </Style>
     <Style x:Key="DataGridColumnHeaderStyle" TargetType="{x:Type DataGridColumnHeader}">
-        <Setter Property="Background" Value="#1F1F1F"/>
+        <Setter Property="Background" Value="#264A60"/>
         <Setter Property="Foreground" Value="White"/>
         <Setter Property="HorizontalContentAlignment" Value="Center"/>
         <Setter Property="BorderBrush" Value="White"/>
         <Setter Property="FontSize" Value="14"/>
         <Setter Property="FontWeight" Value="Bold"/>
-        <Setter Property="Padding" Value="3"/>
-        <Setter Property="FontFamily" Value="{StaticResource SCDream6}"/>
-        <Setter Property="Height" Value="45"/>
+        <Setter Property="FontFamily" Value="{StaticResource SCDream5}"/>
+        <Setter Property="Height" Value="44"/>
+    </Style>
+    <Style x:Key="HighlightLeftBorderHeaderStyle" 
+           TargetType="{x:Type DataGridColumnHeader}"
+           BasedOn="{StaticResource DataGridColumnHeaderStyle}">
+        <Setter Property="BorderBrush" Value="White"/>
+        <Setter Property="BorderThickness" Value="1 0 0 0"/>
+    </Style>
+    <Style x:Key="HighlightLeftBorderCellStyle"
+           TargetType="DataGridCell"
+           BasedOn="{StaticResource MaterialDesignDataGridCell}">
+        <Setter Property="BorderBrush" Value="White"/>
+        <Setter Property="BorderThickness" Value="1 0 0 0"/>
     </Style>
     <Style x:Key="DataGridElmenetStyle" TargetType="{x:Type TextBlock}">
         <Setter Property="HorizontalAlignment" Value="Center"/>
diff --git a/SmartAquaViewer/View/MonitoringView.xaml b/SmartAquaViewer/View/MonitoringView.xaml
index 6904c7e..f709cb2 100644
--- a/SmartAquaViewer/View/MonitoringView.xaml
+++ b/SmartAquaViewer/View/MonitoringView.xaml
@@ -45,22 +45,23 @@
                               helper:DataGridAutoPageSizeBehavior.Pager="{Binding TanksPager}"
                               helper:DataGridAutoPageSizeBehavior.Suspend="{Binding IsOpenMode}"
                               helper:DataGridAutoPageSizeBehavior.ThrottleMs="120"
-                              Grid.Row="1" Margin="15 0"
+                              Grid.Row="1" Margin="0"
                               ColumnWidth="*" RowHeight="30"
-                              Background="Transparent"
                               HorizontalAlignment="Stretch">
                         <DataGrid.Columns>
                             <!-- 측정 시각 -->
                             <DataGridTextColumn 
-                                    Header="시간" Width="90"
+                                    Header="시간" Width="84.8"
                                     Binding="{Binding RecordedTime, StringFormat=\{0:HH:mm:ss\}}"
                                     ElementStyle="{StaticResource DataGridElmenetStyle}"/>
 
                             <!-- Tank 값들 -->
                             <DataGridTextColumn Header="번호" Binding="{Binding Tanks[0].Number}"
-                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
+                                                HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}"/>
                             <DataGridTextColumn Binding="{Binding Tanks[0].DOValue, StringFormat=\{0:F2\}}"
-                                                    ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
                                 <DataGridTextColumn.Header>
                                     <StackPanel>
                                         <TextBlock Text="DO" HorizontalAlignment="Center"/>
@@ -98,10 +99,10 @@
                                 </DataGridTextColumn.Header>
                             </DataGridTextColumn>
 
-                            <DataGridTextColumn Width="5"/>
-
                             <DataGridTextColumn Header="번호" Binding="{Binding Tanks[1].Number}"
-                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
+                                                HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}"/>
                             <DataGridTextColumn Binding="{Binding Tanks[1].DOValue, StringFormat=\{0:F2\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}">
                                 <DataGridTextColumn.Header>
@@ -140,10 +141,11 @@
                                     </StackPanel>
                                 </DataGridTextColumn.Header>
                             </DataGridTextColumn>
-                            <DataGridTextColumn Width="5"/>
 
                             <DataGridTextColumn Header="번호" Binding="{Binding Tanks[2].Number}"
-                                                    ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
+                                                HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}"/>
                             <DataGridTextColumn Binding="{Binding Tanks[2].DOValue, StringFormat=\{0:F2\}}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}">
                                 <DataGridTextColumn.Header>
@@ -202,7 +204,9 @@
                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
 
                             <DataGridTextColumn Binding="{Binding Filtering.SandFilterPower, Converter={StaticResource BoolToPowerConverter}}" 
-                                                ElementStyle="{StaticResource DataGridElmenetStyle}">
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
+                                                HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}">
                                 <DataGridTextColumn.Header>
                                     <StackPanel>
                                         <TextBlock Text="모래여과기" HorizontalAlignment="Center"/>
@@ -330,7 +334,9 @@
                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
 
                             <DataGridTextColumn Header="오존 발생기 전원" Binding="{Binding Sterilizing.OzoneGeneratorPower, Converter={StaticResource BoolToPowerConverter}}"
-                                                ElementStyle="{StaticResource DataGridElmenetStyle}"/>
+                                                ElementStyle="{StaticResource DataGridElmenetStyle}"
+                                                CellStyle="{StaticResource HighlightLeftBorderCellStyle}"
+                                                HeaderStyle="{StaticResource HighlightLeftBorderHeaderStyle}"/>
                             <DataGridTextColumn Header="자외선 살균기 ID" Binding="{Binding Sterilizing.UVSterilizerId}"
                                                 ElementStyle="{StaticResource DataGridElmenetStyle}"/>
                             <DataGridTextColumn Header="자외선 살균기 전원" Binding="{Binding Sterilizing.UVSterilizerPower, Converter={StaticResource BoolToPowerConverter}}"