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

尚無瀏覽量

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>