-
Notifications
You must be signed in to change notification settings - Fork 16
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
add group header and frozen column #1061
base: development
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The notes containing links to the SDK examples should be of the default type. Currently, they are of the important
type, which may result in undesired rendering if the docs styles change in the future.
The following image shows the end result. | ||
|
||
![Delegate Aggregate Descriptor](../images/datagrid-delegate-aggregate-windows.png) | ||
|
||
>important For DataGrid `DelegateAggregateDescriptor` example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
>important For DataGrid `DelegateAggregateDescriptor` example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. | |
>important For the DataGrid `DelegateAggregateDescriptor` example, refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
The Telerik UI for .NET MAUI DataGrid Aggregates can be placed in the `ColumnFooter` as well as the `GroupHeader` and `GroupFooter`. | ||
## Aggregates Visualization | ||
|
||
Visualize the aggregates inside the: |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
A paragraph with a single sentence in the imperative mood may sound incomplete.
Visualize the aggregates inside the: | |
You can visualize the aggregates inside the: |
|
||
Visualize the aggregates inside the: | ||
|
||
* DataGrid Column Footer |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* DataGrid Column Footer | |
* [DataGrid Column Footer](#aggregates-in-column-footer) |
Visualize the aggregates inside the: | ||
|
||
* DataGrid Column Footer | ||
* DataGrid Group Header |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* DataGrid Group Header | |
* [DataGrid Group Header](#aggregates-in-group-header) |
|
||
* DataGrid Column Footer | ||
* DataGrid Group Header | ||
* DataGrid Group Footer |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
* DataGrid Group Footer | |
* [DataGrid Group Footer](#aggregates-in-group-footer) |
|
||
<snippet id='datagrid-aggregates-viewmodel'/> | ||
|
||
>important For DataGrid `GroupHeaderAggregates StyleSelector` example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
>important For DataGrid `GroupHeaderAggregates StyleSelector` example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. | |
>important For the DataGrid `GroupHeaderAggregates StyleSelector` example, refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
@@ -66,7 +142,9 @@ The following example shows how to use the `GroupFooterStyleSelector` property: | |||
|
|||
<snippet id='datagrid-group-aggregate-style-selector-xaml'/> | |||
|
|||
## Customizing the Group Footer Appearance | |||
>important For DataGrid `GroupFooter` Aggregates styling example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
>important For DataGrid `GroupFooter` Aggregates styling example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. | |
>important For the DataGrid `GroupFooter` Aggregates styling example, refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
@@ -86,6 +164,9 @@ The following image shows the end result. | |||
|
|||
![Group Aggregate Style](../images/datagrid-grouping-aggregates.png) | |||
|
|||
>important For DataGrid `GroupFooter` styling example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
>important For DataGrid `GroupFooter` styling example refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. | |
>important For the DataGrid `GroupFooter` styling example, refer to the [SDKBrowser Demo application]({%slug sdkbrowser-app%}) and navigate to the **DataGrid > Aggregates** category. |
## Collection of Frozen Columns | ||
|
||
Once a column is frozen, it is added to the `FrozenColumns` collection (read-only collection). The collection can be used only for read-only purposes and cannot be modified. Freezing/Unfreezing the columns is done only through the `IsFrozen` property of the columns. | ||
|
||
## Group Header and Frozen Column(s) |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
## Group Header and Frozen Column(s) | |
## Group Header and Frozen Columns |
## Collection of Frozen Columns | ||
|
||
Once a column is frozen, it is added to the `FrozenColumns` collection (read-only collection). The collection can be used only for read-only purposes and cannot be modified. Freezing/Unfreezing the columns is done only through the `IsFrozen` property of the columns. | ||
|
||
## Group Header and Frozen Column(s) | ||
|
||
In a scenario when there is/are frozen column(s) and grouping, you can specify whether the group header will be clipped to the bounds of the frozen area by setting the `AreGroupHeadersClippedWhenFrozen` (`bool`) property. The default value is `False`. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In a scenario when there is/are frozen column(s) and grouping, you can specify whether the group header will be clipped to the bounds of the frozen area by setting the `AreGroupHeadersClippedWhenFrozen` (`bool`) property. The default value is `False`. | |
In a scenario with frozen columns and grouping, you can specify whether the group header will be clipped to the bounds of the frozen area by setting the `AreGroupHeadersClippedWhenFrozen` (`bool`) property. The default value is `False`. |
No description provided.