Hi Team,

I have attached a reproducible. Open DashboardView.xaml, there you'll find the DataGrid.

Run the project on Windows and take the following steps:

• Step 1. Run the app and click Button 1 to load an instance of this ContentView
  
  • Observe => The DataGrid renders as expected
    
• Step 2. Click Button 1 again to reset and load a new instance of this ContentView
  
  • Observe => The DataGrid will NOT render (you can repeat this step multiple times)
• Step 3. Resize the app window
  • Observe the DataGrid will be rendered again

The only way I could get it to render again was by resizing the app window, even calling InvalidateMeasure(SizeChanged) didn't work.

The logic is simple, the button click just clears MainPage.xaml's container children and adds a new instance of DashboardView:

private void OnButton1Clicked(object sender, EventArgs e)
{
    currentContentViewHolder.Children.Clear();
    currentContentViewHolder.Children.Add(new DashboardView());
}

TapGestureRecognizer not working correctly when tapping inside the DataGrid control on iOS and MacCatalyst platforms.

Workaround:

You could use CellTap or CellDoubleTap commands of the DataGrid control. Here are the links to our documentation articles: DataGrid Commands and DataGrid CellTap Command.

Hi,

I'am testing Telerik .NET MAUI controls for windows and android. FontFamily property of columns (both for xaml and app.xaml) not working. If an embedded font is choosen for whole application, DataGrids look different from other parts of the application

here is my xaml, "fnt_bold" is a MauiFont in resources. All other ui components are shown in my font

                <telerik:RadDataGrid x:Name="dataGrid" AutoGenerateColumns="False" UserEditMode="None" UserGroupMode="Disabled" SelectionMode="Single" SelectionUnit="Row"  >
                    <telerik:RadDataGrid.Columns>
                        <telerik:DataGridTextColumn PropertyName="ID" HeaderText="RefID" Width="60" SizeMode="Fixed">
                            <telerik:DataGridTextColumn.CellContentStyle>
                                <telerik:DataGridTextCellStyle FontFamily="fnt_bold" FontSize="12.25"/>
                            </telerik:DataGridTextColumn.CellContentStyle>
                        </telerik:DataGridTextColumn>
                        <telerik:DataGridTextColumn PropertyName="CODE" HeaderText="Code" Width="80" SizeMode="Fixed">
                            <telerik:DataGridTextColumn.CellContentStyle>
                                <telerik:DataGridTextCellStyle FontFamily="fnt_bold" FontSize="12.25"/>
                            </telerik:DataGridTextColumn.CellContentStyle>
                        </telerik:DataGridTextColumn>
                        <telerik:DataGridTextColumn PropertyName="NAME" HeaderText="Name" Width="250" SizeMode="Fixed">
                            <telerik:DataGridTextColumn.CellContentStyle>
                                 <telerik:DataGridTextCellStyle FontFamily="fnt_regular" FontSize="12.25"/>
                            </telerik:DataGridTextColumn.CellContentStyle>
                        </telerik:DataGridTextColumn>
                    </telerik:RadDataGrid.Columns>
                </telerik:RadDataGrid>

I have attached a screenshot from my test app.

I also checked the sample telerik android app (Telerik UI for .NET MAUI Controls). DataGrid components in Telerik Sample app also dont use the expected font unlike all other ui components.

Just one of the DataGrid samples of one column in the sample app has the correct fontfamily property. I have attached that screenshot also. I couldn't figure out how to implement it.

Am i missing something?

Thanks in advance.

Ender

Having this setup:

<telerikDataGrid:DataGridTemplateColumn HeaderText="Age" 
                                        CanUserSort="True">
    <telerikDataGrid:DataGridTemplateColumn.CellContentTemplate>
        <DataTemplate>
            <Label Text="{Binding Age}" />
        </DataTemplate>
    </telerikDataGrid:DataGridTemplateColumn.CellContentTemplate>
    <telerikDataGrid:DataGridTemplateColumn.SortDescriptor>
        <telerikCommon:PropertySortDescriptor PropertyName="Age" SortOrder="Descending" />
    </telerikDataGrid:DataGridTemplateColumn.SortDescriptor>
</telerikDataGrid:DataGridTemplateColumn>

When applying SortDescriptor to the Template column, the column is not initially sorted. 

Add the ability to specify a template when the ItemsSource is null or collection is empty.

As a solution until this feature is implemented:

Hide the DataGrid and show any content over it in the case its ItemsSource is empty.

Please provide the Full Data Grid Column Header Control Template for customization.  The DataGrid Column Header content template is useful but we would like full control of the Column Header Control Template.

Provide a user commands as RadListView that you could directly bind in the ViewModel.

Solution: 

Enhance the DataGridCommand class as a user command and in this way bind it to the defined commands inside ViewModel/ContentPage. - Sample project attached

When a Picker is used in a CellEditTemplate, and when in edit mode, when I click on the arrow of the Picker - the picker does not open. It only opens of I click the text in the Picker.

        <DataTemplate x:Key="template1">
            <Picker ItemsSource="{Binding Item.Categories}" />
        </DataTemplate>

        <telerik:RadDataGrid x:Name="dataGrid"
                             AutoGenerateColumns="False">
            <telerik:RadDataGrid.Columns>
                <telerik:DataGridTextColumn PropertyName="Name" />
                <telerik:DataGridTextColumn PropertyName="Category" CellEditTemplate="{StaticResource template1}" />
            </telerik:RadDataGrid.Columns>
        </telerik:RadDataGrid>

A work-around is to not use a Picker, but use a RadComboBox.

Hi Team,

I would like to be able to programmatically invoke a ToolTip on a specific cell.

It would be great if you were able to allow us to use a DataGridCellInfo item and string or View content for the tooltip (like UI for WPF allows)

var cellInfo = new DataGridCellInfo(rowToSelect, columnToSelect);

// Option 1 - Quick and easy
var stringContent = "I'm a tooltip";
MyRadDataGrid.ShowTooltip(cellInfo, stringContent);


// Option 2 - For everyone who needs more than just a string.
var customContent = new HorizontalStackLayout();
customContent.Children.Add(new Image{ Source = new FileImageSource{File = "warning.png"}});
customContent.Children.Add(new Label{Text = "I'm a tooltip"});

MyRadDataGrid.ShowTooltip(cellInfo, customContent);

Provide an option to sort the template column by nested property. 

For example: 

<dataGrid:DataGridTemplateColumn>
    <dataGrid:DataGridTemplateColumn.CellContentTemplate>
        <DataTemplate>
            <Label Text="{Binding MyAddress.City}" />
        </DataTemplate>
    </dataGrid:DataGridTemplateColumn.CellContentTemplate>
    <dataGrid:DataGridTemplateColumn.SortDescriptor>
        <dataGrid:PropertySortDescriptor PropertyName="MyAddress.City"  />
    </dataGrid:DataGridTemplateColumn.SortDescriptor>
</dataGrid:DataGridTemplateColumn>

I have a DataGrid with ItemsSource bound to ObservableRangeCollection,
First I Clear() the existing items of the collection, then add new items, and raises a single CollectionChanged event with action = NotifyCollectionChangedAction.Reset.

the grid continues to show nothing.

This works with .NET MAUI CollectionView and ListView

Workaround: Add a delay after clearing the collection.

Hi Team,

Please refer to the following screenshot from the ControlsSamples project on Windows:

Notice the descender on the y character is pushing up the Delivery column header's Label container, but the Price text is flush with the bottom? This is causing misalignment between text in other column headers that do not have descenders.

You might not immediately notice this, for example in the Aggregates demo, only the first column has no descenders but the next two do. 

However, it's a more serious visual problem when every other column is vertically offset. Please consider adding a default Padding to account for descenders, or maybe change the VerticalOptions of the text container to be center aligned.

Thank you,

Matthew & Team