Add css classes for total rows (gustavnavar/Grid.Blazor#354)

dev0926 · Aug 7, 2023 · e6f34d8 · e6f34d8
1 parent 9fa8792
commit e6f34d8
Show file tree

Hide file tree

Showing 12 changed files with 82 additions and 45 deletions.
diff --git a/GridBlazor/Pages/GridComponent.razor.cs b/GridBlazor/Pages/GridComponent.razor.cs
@@ -204,6 +204,22 @@ public string Error {
         [Parameter]
         public string GridEmptyTextCssClass { get; set; } = "grid-empty-text";
 
+        [Parameter]
+        public string GridSumCssClass { get; set; } = "grid-cell";
+
+        [Parameter]
+        public string GridAverageCssClass { get; set; } = "grid-cell";
+
+        [Parameter]
+        public string GridMaxCssClass { get; set; } = "grid-cell";
+
+        [Parameter]
+        public string GridMinCssClass { get; set; } = "grid-cell";
+
+        [Parameter]
+        public string GridCalculationCssClass { get; set; } = "grid-cell";
+
+
         protected override void OnParametersSet()
         {
             ((CGrid<T>)Grid).GridComponent = this;

diff --git a/GridBlazor/Pages/GridTotalsComponent.razor b/GridBlazor/Pages/GridTotalsComponent.razor
@@ -17,25 +17,25 @@
         <tr class="grid-totals-row">
             @if (Grid.SubGridKeys != null && Grid.SubGridKeys.Length > 0)
             {
-                <td class="grid-cell" data-name="" style="width:36.5px;"></td>
+                <td class="@GridComponent.GridSumCssClass" data-name="" style="width:36.5px;"></td>
             }
             @if ((Grid.ReadEnabled || ((CGrid<T>)Grid).FuncReadEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridSumCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.UpdateEnabled || ((CGrid<T>)Grid).FuncUpdateEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridSumCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.DeleteEnabled || ((CGrid<T>)Grid).FuncDeleteEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridSumCssClass" data-name="" style="width:35px;"></td>
             }
             @if (firstColumn != null
               && (firstColumn.IsSumEnabled || firstColumn.IsAverageEnabled
               || firstColumn.IsMaxEnabled || firstColumn.IsMinEnabled || firstColumn.IsCalculationEnabled))
             {
-                <td class="grid-cell" style="width:90px;"><b>@Strings.Sum</b></td>
+                <td class="@GridComponent.GridSumCssClass" style="width:90px;"><b>@Strings.Sum</b></td>
             }
             @for (int i = 0; i < Grid.Columns.Count(); i++)
             {
@@ -52,17 +52,17 @@
                 if (i == 0 && !column.IsSumEnabled && !column.IsAverageEnabled
                    && !column.IsMaxEnabled && !column.IsMinEnabled && !column.IsCalculationEnabled)
                 {
-                    <td class="grid-cell" style="@cssStyles"><b>@Strings.Sum</b></td>
+                    <td class="@GridComponent.GridSumCssClass" style="@cssStyles"><b>@Strings.Sum</b></td>
                 }
                 else
                 {
                     if (column.IsSumEnabled && column.SumValue != null)
                     {
-                        <td class="grid-cell" style="@cssStyles"><b>@column.SumValue.GetString(column.ValuePattern)</b></td>
+                        <td class="@GridComponent.GridSumCssClass" style="@cssStyles"><b>@column.SumValue.GetString(column.ValuePattern)</b></td>
                     }
                     else
                     {
-                        <td class="grid-cell" style="@cssStyles"></td>
+                        <td class="@GridComponent.GridSumCssClass" style="@cssStyles"></td>
                     }
                 }
 
@@ -74,25 +74,25 @@
         <tr class="grid-totals-row">
             @if (Grid.SubGridKeys != null && Grid.SubGridKeys.Length > 0)
             {
-                <td class="grid-cell" data-name="" style="width:36.5px;"></td>
+                <td class="@GridComponent.GridAverageCssClass" data-name="" style="width:36.5px;"></td>
             }
             @if ((Grid.ReadEnabled || ((CGrid<T>)Grid).FuncReadEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridAverageCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.UpdateEnabled || ((CGrid<T>)Grid).FuncUpdateEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridAverageCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.DeleteEnabled || ((CGrid<T>)Grid).FuncDeleteEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridAverageCssClass" data-name="" style="width:35px;"></td>
             }
             @if (firstColumn != null
               && (firstColumn.IsSumEnabled || firstColumn.IsAverageEnabled
               || firstColumn.IsMaxEnabled || firstColumn.IsMinEnabled || firstColumn.IsCalculationEnabled))
             {
-                <td class="grid-cell" style="width:90px;"><b>@Strings.Average</b></td>
+                <td class="@GridComponent.GridAverageCssClass" style="width:90px;"><b>@Strings.Average</b></td>
             }
             @for (int i = 0; i < Grid.Columns.Count(); i++)
             {
@@ -109,17 +109,17 @@
                 if (i == 0 && !column.IsSumEnabled && !column.IsAverageEnabled
                    && !column.IsMaxEnabled && !column.IsMinEnabled && !column.IsCalculationEnabled)
                 {
-                    <td class="grid-cell" style="@cssStyles"><b>@Strings.Average</b></td>
+                    <td class="@GridComponent.GridAverageCssClass" style="@cssStyles"><b>@Strings.Average</b></td>
                 }
                 else
                 {
                     if (column.IsAverageEnabled && column.AverageValue != null)
                     {
-                        <td class="grid-cell" style="@cssStyles"><b>@column.AverageValue.GetString(column.ValuePattern)</b></td>
+                        <td class="@GridComponent.GridAverageCssClass" style="@cssStyles"><b>@column.AverageValue.GetString(column.ValuePattern)</b></td>
                     }
                     else
                     {
-                        <td class="grid-cell" style="@cssStyles"></td>
+                        <td class="@GridComponent.GridAverageCssClass" style="@cssStyles"></td>
                     }
                 }
             }
@@ -130,25 +130,25 @@
         <tr class="grid-totals-row">
             @if (Grid.SubGridKeys != null && Grid.SubGridKeys.Length > 0)
             {
-                <td class="grid-cell" data-name="" style="width:36.5px;"></td>
+                <td class="@GridComponent.GridMaxCssClass" data-name="" style="width:36.5px;"></td>
             }
             @if ((Grid.ReadEnabled || ((CGrid<T>)Grid).FuncReadEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridMaxCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.UpdateEnabled || ((CGrid<T>)Grid).FuncUpdateEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridMaxCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.DeleteEnabled || ((CGrid<T>)Grid).FuncDeleteEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridMaxCssClass" data-name="" style="width:35px;"></td>
             }
             @if (firstColumn != null
               && (firstColumn.IsSumEnabled || firstColumn.IsAverageEnabled
               || firstColumn.IsMaxEnabled || firstColumn.IsMinEnabled || firstColumn.IsCalculationEnabled))
             {
-                <td class="grid-cell" style="width:90px;"><b>@Strings.Max</b></td>
+                <td class="@GridComponent.GridMaxCssClass" style="width:90px;"><b>@Strings.Max</b></td>
             }
             @for (int i = 0; i < Grid.Columns.Count(); i++)
             {
@@ -165,17 +165,17 @@
                 if (i == 0 && !column.IsSumEnabled && !column.IsAverageEnabled
                    && !column.IsMaxEnabled && !column.IsMinEnabled && !column.IsCalculationEnabled)
                 {
-                    <td class="grid-cell" style="@cssStyles"><b>@Strings.Max</b></td>
+                    <td class="@GridComponent.GridMaxCssClass" style="@cssStyles"><b>@Strings.Max</b></td>
                 }
                 else
                 {
                     if (column.IsMaxEnabled && column.MaxValue != null)
                     {
-                        <td class="grid-cell" style="@cssStyles"><b>@column.MaxValue.GetString(column.ValuePattern)</b></td>
+                        <td class="@GridComponent.GridMaxCssClass" style="@cssStyles"><b>@column.MaxValue.GetString(column.ValuePattern)</b></td>
                     }
                     else
                     {
-                        <td class="grid-cell" style="@cssStyles"></td>
+                        <td class="@GridComponent.GridMaxCssClass" style="@cssStyles"></td>
                     }
                 }
             }
@@ -186,25 +186,25 @@
         <tr class="grid-totals-row">
             @if (Grid.SubGridKeys != null && Grid.SubGridKeys.Length > 0)
             {
-                <td class="grid-cell" data-name="" style="width:36.5px;"></td>
+                <td class="@GridComponent.GridMinCssClass" data-name="" style="width:36.5px;"></td>
             }
             @if ((Grid.ReadEnabled || ((CGrid<T>)Grid).FuncReadEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridMinCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.UpdateEnabled || ((CGrid<T>)Grid).FuncUpdateEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridMinCssClass" data-name="" style="width:35px;"></td>
             }
             @if ((Grid.DeleteEnabled || ((CGrid<T>)Grid).FuncDeleteEnabled != null) && !GridComponent.HeaderCrudButtons)
             {
-                <td class="grid-cell" data-name="" style="width:35px;"></td>
+                <td class="@GridComponent.GridMinCssClass" data-name="" style="width:35px;"></td>
             }
             @if (firstColumn != null
               && (firstColumn.IsSumEnabled || firstColumn.IsAverageEnabled
               || firstColumn.IsMaxEnabled || firstColumn.IsMinEnabled || firstColumn.IsCalculationEnabled))
             {
-                <td class="grid-cell" style="width:90px;"><b>@Strings.Min</b></td>
+                <td class="@GridComponent.GridMinCssClass" style="width:90px;"><b>@Strings.Min</b></td>
             }
             @for (int i = 0; i < Grid.Columns.Count(); i++)
             {
@@ -221,17 +221,17 @@
                 if (i == 0 && !column.IsSumEnabled && !column.IsAverageEnabled
                    && !column.IsMaxEnabled && !column.IsMinEnabled && !column.IsCalculationEnabled)
                 {
-                    <td class="grid-cell" style="@cssStyles"><b>@Strings.Min</b></td>
+                    <td class="@GridComponent.GridMinCssClass" style="@cssStyles"><b>@Strings.Min</b></td>
                 }
                 else
                 {
                     if (column.IsMinEnabled && column.MinValue != null)
                     {
-                        <td class="grid-cell" style="@cssStyles"><b>@column.MinValue.GetString(column.ValuePattern)</b></td>
+                        <td class="@GridComponent.GridMinCssClass" style="@cssStyles"><b>@column.MinValue.GetString(column.ValuePattern)</b></td>
                     }
                     else
                     {
-                        <td class="grid-cell" style="@cssStyles"></td>
+                        <td class="@GridComponent.GridMinCssClass" style="@cssStyles"></td>
                     }
                 }
             }
@@ -244,25 +244,25 @@
             <tr class="grid-totals-row">
                 @if (Grid.SubGridKeys != null && Grid.SubGridKeys.Length > 0)
                 {
-                    <td class="grid-cell" data-name="" style="width:36.5px;"></td>
+                    <td class="@GridComponent.GridCalculationCssClass" data-name="" style="width:36.5px;"></td>
                 }
                 @if ((Grid.ReadEnabled || ((CGrid<T>)Grid).FuncReadEnabled != null) && !GridComponent.HeaderCrudButtons)
                 {
-                    <td class="grid-cell" data-name="" style="width:35px;"></td>
+                    <td class="@GridComponent.GridCalculationCssClass" data-name="" style="width:35px;"></td>
                 }
                 @if ((Grid.UpdateEnabled || ((CGrid<T>)Grid).FuncUpdateEnabled != null) && !GridComponent.HeaderCrudButtons)
                 {
-                    <td class="grid-cell" data-name="" style="width:35px;"></td>
+                    <td class="@GridComponent.GridCalculationCssClass" data-name="" style="width:35px;"></td>
                 }
                 @if ((Grid.DeleteEnabled || ((CGrid<T>)Grid).FuncDeleteEnabled != null) && !GridComponent.HeaderCrudButtons)
                 {
-                    <td class="grid-cell" data-name="" style="width:35px;"></td>
+                    <td class="@GridComponent.GridCalculationCssClass" data-name="" style="width:35px;"></td>
                 }
                 @if (firstColumn != null
                   && (firstColumn.IsSumEnabled || firstColumn.IsAverageEnabled
                   || firstColumn.IsMaxEnabled || firstColumn.IsMinEnabled || firstColumn.IsCalculationEnabled))
                 {
-                    <td class="grid-cell" style="width:90px;"><b>@calculationName</b></td>
+                    <td class="@GridComponent.GridCalculationCssClass" style="width:90px;"><b>@calculationName</b></td>
                 }
                 @for (int i = 0; i < Grid.Columns.Count(); i++)
                 {
@@ -279,17 +279,17 @@
                     if (i == 0 && !column.IsSumEnabled && !column.IsAverageEnabled
                        && !column.IsMaxEnabled && !column.IsMinEnabled && !column.IsCalculationEnabled)
                     {
-                        <td class="grid-cell" style="@cssStyles"><b>@calculationName</b></td>
+                        <td class="@GridComponent.GridCalculationCssClass" style="@cssStyles"><b>@calculationName</b></td>
                     }
                     else
                     {
                         if (column.IsCalculationEnabled && column.CalculationValues != null && column.CalculationValues.ContainsKey(calculationName))
                         {
-                            <td class="grid-cell" style="@cssStyles"><b>@column.CalculationValues.Get(calculationName)?.GetString(column.ValuePattern)</b></td>
+                            <td class="@GridComponent.GridCalculationCssClass" style="@cssStyles"><b>@column.CalculationValues.Get(calculationName)?.GetString(column.ValuePattern)</b></td>
                         }
                         else
                         {
-                            <td class="grid-cell" style="@cssStyles"></td>
+                            <td class="@GridComponent.GridCalculationCssClass" style="@cssStyles"></td>
                         }
                     }
                 }

diff --git a/GridBlazorClientSide.Client/Pages/Totals.razor b/GridBlazorClientSide.Client/Pages/Totals.razor
@@ -21,7 +21,7 @@
 {
     <div class="row">
         <div class="col-md-12">
-            <GridComponent T="Order" Grid="@_grid"></GridComponent>
+            <GridComponent T="Order" Grid="@_grid" GridSumCssClass="custom-sum"></GridComponent>
         </div>
     </div>
 }

diff --git a/GridBlazorClientSide.Client/wwwroot/css/site.css b/GridBlazorClientSide.Client/wwwroot/css/site.css
@@ -152,3 +152,7 @@ table.table tr.success {
 .red {
     color: red;
 }
+
+.custom-sum {
+    color: cornflowerblue;
+}
diff --git a/GridBlazorGrpc.Client/Pages/Totals.razor b/GridBlazorGrpc.Client/Pages/Totals.razor
@@ -20,7 +20,7 @@
 {
     <div class="row">
         <div class="col-md-12">
-            <GridComponent T="Order" Grid="@_grid"></GridComponent>
+            <GridComponent T="Order" Grid="@_grid" GridSumCssClass="custom-sum"></GridComponent>
         </div>
     </div>
 }

diff --git a/GridBlazorGrpc.Client/wwwroot/css/site.css b/GridBlazorGrpc.Client/wwwroot/css/site.css
@@ -152,3 +152,7 @@ table.table tr.success {
 .red {
     color: red;
 }
+
+.custom-sum {
+    color: cornflowerblue;
+}
diff --git a/GridBlazorOData.Client/Pages/Totals.razor b/GridBlazorOData.Client/Pages/Totals.razor
@@ -22,7 +22,7 @@
 {
     <div class="row">
         <div class="col-md-12">
-            <GridComponent T="Order" Grid="@_grid"></GridComponent>
+            <GridComponent T="Order" Grid="@_grid" GridSumCssClass="custom-sum"></GridComponent>
         </div>
     </div>
 }

diff --git a/GridBlazorOData.Client/wwwroot/css/site.css b/GridBlazorOData.Client/wwwroot/css/site.css
@@ -1,4 +1,5 @@
 @import url('open-iconic/font/css/open-iconic-bootstrap.min.css');
+@import url('site.css');
 
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
@@ -152,3 +153,7 @@ table.table tr.success {
 .red {
     color: red;
 }
+
+.custom-sum {
+    color: cornflowerblue;
+}
diff --git a/GridBlazorServerSide/Pages/Totals.razor b/GridBlazorServerSide/Pages/Totals.razor
@@ -22,7 +22,7 @@
 {
     <div class="row">
         <div class="col-md-12">
-            <GridComponent T="Order" Grid="@_grid"></GridComponent>
+            <GridComponent T="Order" Grid="@_grid" GridSumCssClass="custom-sum"></GridComponent>
         </div>
     </div>
 }

diff --git a/GridBlazorServerSide/wwwroot/css/site.css b/GridBlazorServerSide/wwwroot/css/site.css
@@ -152,3 +152,7 @@ table.table tr.success {
 .red {
     color: red;
 }
+
+.custom-sum {
+    color:cornflowerblue;
+}
diff --git a/GridBlazorStandalone/Pages/Totals.razor b/GridBlazorStandalone/Pages/Totals.razor
@@ -21,7 +21,7 @@
 {
     <div class="row">
         <div class="col-md-12">
-            <GridComponent T="Order" Grid="@_grid"></GridComponent>
+            <GridComponent T="Order" Grid="@_grid" GridSumCssClass="custom-sum"></GridComponent>
         </div>
     </div>
 }

diff --git a/GridBlazorStandalone/wwwroot/css/site.css b/GridBlazorStandalone/wwwroot/css/site.css
@@ -152,3 +152,7 @@ table.table tr.success {
 .red {
     color: red;
 }
+
+.custom-sum {
+    color: cornflowerblue;
+}