How To Do GridColumn InClude Image

[Wen-Ting Zhuang]

<SfGrid DataSource="@oGot2" AllowGrouping="true" AllowSorting="true" AllowFiltering="true" AllowPaging="true" ShowColumnMenu="true" @ref="DefaultGrid" Toolbar="@(new List<string>() { "Search" })">

    <GridFilterSettings Type="@Syncfusion.Blazor.Grids.FilterType.CheckBox"></GridFilterSettings>

    <GridColumns>

        <GridColumn Field=@nameof(Cim100.Id) HeaderText="序號" TextAlign="TextAlign.Right" Width="120"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Creater) HeaderText="創立人" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.CreateDate) HeaderText=" 建檔時間" Format="d" Type="ColumnType.Date" TextAlign="TextAlign.Right" Width="130"></GridColumn>

        <GridColumn Field=@nameof(Cim100.AbnormalInformTime) HeaderText="發生時間" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.TransferTime) HeaderText="轉交現場時間" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Symptoms) HeaderText="問題" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Tactics) HeaderText="手法" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Executor) HeaderText="執行人" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Flag) HeaderText="完成|未完成" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Event) HeaderText="事件" Width="150"></GridColumn>

        <GridColumn Field=@nameof(Cim100.Image) HeaderText="Image" Width="150"></GridColumn>

    </GridColumns>

</SfGrid>

Attachment: 20210521_164044_b3f54df.rar

[Jeevakanth Palaniappan]

Hi Wen-Ting Zhuang, 

 

Greetings from Syncfusion support. 

 

We have checked your query and you can render an image by using the column template feature of the grid. Please refer the below documentation for your reference. 

https://blazor.syncfusion.com/documentation/datagrid/columns/#column-template 

Please get back to us if you have any other queries. 

Regards, 

Jeevakanth SP.