Hi,
As per the screen shot code ; while editing country my image is not viewing.
So as per below image its not viewing Image. Code is https://blazor.syncfusion.com/documentation/datagrid/editing#using-autocomplete-in-edittemplate and i just added one column having
<GridColumn HeaderText="Action" Width="20" AllowEditing="false" AllowAdding="false">
<Template>
<img src="https://picsum.photos/200/300" height="50" alt="test" />
</Template>
</GridColumn>
Hi Jeevakanth,
So my query is that I have three simple text and two sfdropdown in grid while editing the grid my sfdropdown not get render in the div. And I have used edittemplate and template both the same fields example like following code. Because if I write only edit template then it didn't get normal template and show blank the vice versa for template one.
<SfGrid DataSource="@Employees"> <GridColumns> <GridColumn HeaderText="Employee Image" TextAlign="TextAlign.Center" Width="120"> <Template> @{ var employee = (context as EmployeeData); <div class="image"> <img src="@($"scripts/Images/Employees/{employee.EmployeeID}.png")" alt="@employee.EmployeeID" /> </div> } </Template>
<EditTemplate>
@{
var employee = (context as EmployeeData);
<div class="image">
<img src="@($"scripts/Images/Employees/{employee.EmployeeID}.png")" alt="@employee.EmployeeID" />
</div>
}
</
EditTemplate>
</GridColumn>
<GridColumn Field=@nameof(EmployeeData.EmployeeID) HeaderText="Employee ID" TextAlign="TextAlign.Right" Width="120"></GridColumn>
<GridColumn Field=@nameof(EmployeeData.FirstName) HeaderText="First Name" Width="130"></GridColumn>
<GridColumn Field=@nameof(EmployeeData.Title) HeaderText="Title" Width="120"></GridColumn>
<GridColumn Field=@nameof(EmployeeData.HireDate) HeaderText="Hire Date" Format="d" TextAlign="TextAlign.Right" Width="150"></GridColumn>
</GridColumns>
</SfGrid>