Ok I have a need for the grid to do the following;

Parent grid row

    Child grid 1 detail rows

    Child grid 2 detail rows

    Child grid 3 detail rows

Parent grid has 1 set of columns.

And each of the children grids have a different set of columns to each other. Hope that make sense.

From your example doc:

<TelerikGrid Data="salesTeamMembers">
    <DetailTemplate>
        @{
            var employee = context as MainModel;
            <TelerikGrid Data="employee.Orders" Pageable="true" PageSize="5">
                <GridColumns>
                    <GridColumn Field="OrderId"></GridColumn>
                    <GridColumn Field="DealSize"></GridColumn>
                </GridColumns>
            </TelerikGrid>
        }
    </DetailTemplate>
    <GridColumns>
        <GridColumn Field="Id"></GridColumn>
        <GridColumn Field="Name"></GridColumn>
    </GridColumns>
</TelerikGrid>
 
My understanding is;

This is the parent data,

<TelerikGrid Data="salesTeamMembers">

this would be the first child grid,

<DetailTemplate>
for a 2nd child grid would I just add another one of these tags,
<DetailTemplate> lining it up to the 
 public List<DetailsModel> Orders { get; set; } in the main model?
something like:
public class MainModel
    {
        public int Id { get; set; }
        public string Name { get;set; }
        public List<Child1DetailsModel> Orders { get; set; }
        public List<Child2DetailsModel> Orders { get; set; }

    }

    public class Child1DetailsModel
    {
        public int OrderId { get; set; }
        public double DealSize { get; set; }
    }
public class Child2DetailsModel
    {
        public int RecID { get; set; }
        public double ItemValue { get; set; }
    }

Heres what I get on the page:

See it has the column info from the DB and it should be showing 4 rows of data.

When I debug I see it returning 4 rows!

I have it hooked up as such:

<TelerikGrid @ref="@GridMarginInfoResults"
                             Data="@GDMarginInfoResults"
                             AutoGenerateColumns="true"
                             Pageable="true"
                             Sortable="true"
                             Class="custom-row-colors">                
                </TelerikGrid>

private List<MarginInfo> GDMarginInfoResults { get; set; }
        public TelerikGrid<MarginInfo> GridMarginInfoResults { get; set; }

What am I missing?

Hi,

I'm struggling to find a simple way to set the selected row colour. I'm using the bootstrap theme.

I want to change it to the indigo/tertiary colour in the bootstrap theme but I'm getting nowhere. It's still a light blue.

Can you assist please.

Many thanks,

Rob

Hi

Is there a way to delay the opening of the TeleriklMenu ( use case : the menu is used in a table and each time the mouse goes over, the popup appears. I want to prevent this by putting a delay before showing the Popup

A workaround could be to show the popup only at mouse click

Thanks

I am trying to have a TelerikWindow with its content divided in 3 rows: in the first row a button (10% of the TelerikWindow Heigth), in the second row a scrollable TelerikGrid (80%) and in the third row another button (10%).

To obtain this result I've created a TelerikWindow with a TelerikGridLayout in it, the TelerikGridLayout has 3 rows (10%, 80%, 10%) for button - grid - button.

In my test the grid exceeds the height of the telerikwindow so a vertical scrollbar appears in the TelerikWindow, instead I would like all content in the TelerikWindow (without the TelerikWindow vertical scrollbar, only with the TelerikGrid scrollbar). My test is in repl at https://blazorrepl.telerik.com/cdEbQQGu3019EWUB00.

May you kindly help me?

Thank you.