How to set the transparent background color in Blazor TreeView?

[Syncfusion Support]

Answer:

We can customize the TreeGrid background color as Transparent by overriding the existing CSS class as below.

<div class="bgcolor">

<SfTreeGrid DataSource="@Data" id="TreeGrid" IdMapping="TaskId" ParentIdMapping="ParentId" TreeColumnIndex="1" Toolbar="@(new List<string>(){ "Edit", "Delete" })">

<TreeGridColumns>

<TreeGridColumn Field="TaskId" HeaderText="Task ID" IsPrimaryKey="true" Width="80"

TextAlign="Syncfusion.Blazor.Grids.TextAlign.Right">TreeGridColumn>

. . .

TreeGridColumns>

SfTreeGrid>

div>

<style>

.bg-color {

background-color: #80002B

}

div#TreeGrid {

opacity: 0.7;

padding: 20px;

}

style>