Infragistics｜Ultimate UI Blazor｜在 DataGrid 列中顯示圖像

[orca_post_views] 瀏覽人次

2023-04-20 更新

IgbDataGrid 是一個已棄用的控件。請改用IgbGrid 。如果您對如何在IgbGrid中實現有任何疑問，請聯繫我們的技術支援。

Blazor DataGrid 允許您使用 ImageColumn 在列中顯示圖像。在下面的示例中，ImageColumn 用於 Photo 列和 Flag 列。

 <DataGrid Height="100%" Width="100%" RowHeight="50" @ref="@DataGridRef" 
           DataSource="Employees" 
           AutoGenerateColumns="false" 
           ActivationMode="GridActivationMode.Cell"> 
     <ImageColumn IsEditable="false" Width="100" Field="Photo" PaddingTop="5" PaddingBottom="5" PaddingRight="10" 
                  HorizontalAlignment="@CellContentHorizontalAlignment.Stretch" /> 
    ...
    
     <ImageColumn IsEditable="false" Width="@("*>110")" Field="CountryFlag" HeaderText="Flag" 
                 PaddingTop="5" PaddingBottom="5" PaddingRight="10"
                 HorizontalAlignment="@CellContentHorizontalAlignment.Stretch" />
    ...
 </DataGrid>