DataGrid: add text styling parameters (#5768)

* DataGrid: add text styling parameters * Fix comments
Megabit · Oct 7, 2024 · 2faec8d · 2faec8d
1 parent ac20342
commit 2faec8d
Show file tree

Hide file tree

Showing 9 changed files with 298 additions and 29 deletions.
diff --git a/Documentation/Blazorise.Docs/Pages/Docs/Extensions/DataGrid/DataGridApi.razor b/Documentation/Blazorise.Docs/Pages/Docs/Extensions/DataGrid/DataGridApi.razor
@@ -480,17 +480,77 @@
     <DocsAttributesItem Name="ReverseSorting" Type="bool" Default="false">
         Whether the sort direction will be reversed.
     </DocsAttributesItem>
-    <DocsAttributesItem Name="TextAlignment" Type="TextAlignment?" Default="Default">
-        Defines the alignment for display cell.
+    <DocsAttributesItem Name="TextAlignment" Type="TextAlignment" Default="Default">
+        Defines the alignment for the table cell.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="TextTransform" Type="TextTransform" Default="Default">
+        Gets or sets the text transformation for the table cell.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="TextDecoration" Type="TextDecoration" Default="Default">
+        Gets or sets the text decoration for the table cell.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="TextWeight" Type="TextWeight" Default="Default">
+        Gets or sets the text weight for the table cell.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="TextOverflow" Type="TextOverflow" Default="Default">
+        Determines how the text will behave when it is larger than a parent container for the table cell.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="TextSize" Type="IFluentTextSize" Default="null">
+        Determines the font size of an element for the table cell.
     </DocsAttributesItem>
     <DocsAttributesItem Name="HeaderTextAlignment" Type="TextAlignment?" Default="null">
-        Defines the alignment for column header cell.
+        Defines the alignment for column header cell. If undefined, the <Code>TextAlignment</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="HeaderTextTransform" Type="TextTransform?" Default="null">
+        Gets or sets the text transformation for column header cell. If undefined, the <Code>TextTransform</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="HeaderTextDecoration" Type="TextDecoration?" Default="null">
+        Gets or sets the text decoration for column header cell. If undefined, the <Code>TextDecoration</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="HeaderTextWeight" Type="TextWeight?" Default="null">
+        Gets or sets the text weight for column header cell. If undefined, the <Code>TextWeight</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="HeaderTextOverflow" Type="TextOverflow?" Default="null">
+        Determines how the text will behave when it is larger than a parent container for column header cell. If undefined, the <Code>TextOverflow</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="HeaderTextSize" Type="IFluentTextSize" Default="null">
+        Determines the font size of an element for column header cell. If undefined, the <Code>TextSize</Code> will be used.
     </DocsAttributesItem>
     <DocsAttributesItem Name="FilterTextAlignment" Type="TextAlignment?" Default="null">
-        Defines the alignment for column filter cell.
+        Defines the alignment for column filter cell. If undefined, the <Code>TextAlignment</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="FilterTextTransform" Type="TextTransform?" Default="null">
+        Gets or sets the text transformation for column filter cell. If undefined, the <Code>TextTransform</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="FilterTextDecoration" Type="TextDecoration?" Default="null">
+        Gets or sets the text decoration for column filter cell. If undefined, the <Code>TextDecoration</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="FilterTextWeight" Type="TextWeight?" Default="null">
+        Gets or sets the text weight for column filter cell. If undefined, the <Code>TextWeight</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="FilterTextOverflow" Type="TextOverflow?" Default="null">
+        Determines how the text will behave when it is larger than a parent container for column filter cell. If undefined, the <Code>TextOverflow</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="FilterTextSize" Type="IFluentTextSize" Default="null">
+        Determines the font size of an element for column filter cell. If undefined, the <Code>TextSize</Code> will be used.
     </DocsAttributesItem>
     <DocsAttributesItem Name="AggregateTextAlignment" Type="TextAlignment?" Default="null">
-        Defines the alignment for column the aggregate cell.
+        Defines the alignment for column the aggregate cell. If undefined, the <Code>TextAlignment</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="AggregateTextTransform" Type="TextTransform?" Default="null">
+        Gets or sets the text transformation for column aggregate cell. If undefined, the <Code>TextTransform</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="AggregateTextDecoration" Type="TextDecoration?" Default="null">
+        Gets or sets the text decoration for column aggregate cell. If undefined, the <Code>TextDecoration</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="AggregateTextWeight" Type="TextWeight?" Default="null">
+        Gets or sets the text weight for column aggregate cell. If undefined, the <Code>TextWeight</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="AggregateTextOverflow" Type="TextOverflow?" Default="null">
+        Determines how the text will behave when it is larger than a parent container for column aggregate cell. If undefined, the <Code>TextOverflow</Code> will be used.
+    </DocsAttributesItem>
+    <DocsAttributesItem Name="AggregateTextSize" Type="IFluentTextSize" Default="null">
+        Determines the font size of an element for column aggregate cell. If undefined, the <Code>TextSize</Code> will be used.
     </DocsAttributesItem>
     <DocsAttributesItem Name="Editable" Type="bool" Default="false">
         Whether users can edit cell values under this column.

diff --git a/Documentation/Blazorise.Docs/Pages/News/2024-10-15-release-notes-170.razor b/Documentation/Blazorise.Docs/Pages/News/2024-10-15-release-notes-170.razor
@@ -154,14 +154,26 @@
     DataGrid
 </Heading>
 
-<Heading Size="HeadingSize.Is3">
+<Heading Size="HeadingSize.Is4">
     SelectedCell API
 </Heading>
 
 <Paragraph>
     Added <Code>SelectedCell</Code> and <Code>SelectedCellChanged</Code> parameters, you can now listen to the cell selection changes when the <Code>Datagrid.NavigationMode</Code> is set to <Code>NavigationMode.Cell</Code>
 </Paragraph>
 
+<Heading Size="HeadingSize.Is4">
+    Column Text Styling
+</Heading>
+
+<Paragraph>
+    Added <Code>TextTransform</Code>, <Code>TextDecoration</Code>, <Code>TextWeight</Code>, <Code>TextOverflow</Code>, and <Code>TextSize</Code> parameters to the <Code>DataGridColumn</Code> component. This will allow you to easily style the text in the DataGrid.
+</Paragraph>
+
+<Paragraph>
+    All the new text styling parameters are also available for headers, filter, and aggregate cells of the DataGrid.
+</Paragraph>
+
 <Heading Size="HeadingSize.Is3">
     Optimizations
 </Heading>