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

infragistics log


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>


執行結果

該圖像顯示在“照片”列和“標誌”列中




延伸閱讀
aa71435723的大頭照
Winston

Eggplant DAI 自動化測試專家。

留言