Master Detail Synfusion Grid two levels with Detail Template

[Kapil Shah]

Hello,

I need to create a master detail grid 2 levels down  i.e. Master -> Its Detail-> Its Detail

Is it possible to do it with Detail Template in Synfusion Blazor Grid. I also need a checkbox at first level.

Please see screen shot. A sample example will be helpful

Thanks

Kapil 

Attachment: MasterDetail_392d34e7.zip

[Balamurugan Lakshmanan]

Hi kapil,

Greeting from Syncfusion support.

Yes, it is possible to do it with Detail Template in Synfusion Blazor Grid. We made a solution file based on your requirement. Kindly refer the attached solution file and online video demo for your reference.

https://blazor.syncfusion.com/demos/datagrid/hierarchy-grid?theme=fluent

Kindly get back to us if you have further queries.

Regards,

Bala.

Attachment: BlazorApp1_5c4af1e2.zip

[Sven G]

@ Balamurugan Lakshmanan

Can you show how to set the background color of the detail grid to improve visibility? 

Thank you

[Naveen Palanivel]

Hi Sven,

Based on your query, it seems that you need to set the background color of the detail grid. You can achieve this by applying styles using CSS. Here's an example of how you can change the background color of the detail grid rows and header. Please refer to the code snippet below for your reference.

Sample : https://blazorplayground.syncfusion.com/embed/rjBTsWjcAtDQnpSB?appbar=true&editor=true&result=true&errorlist=true&theme=bootstrap5

<style>

    /*to change the background color of detail grid rows*/

    .e-detailrow .e-grid .e-row,

    /*to change the background color of detail grid header*/

    .e-detailrow .e-grid th {

        background-color: red;

    }

</style>

Please get back to us if you need further assistance on this.

Regards,

Naveen Palanivel