技术文章

IgbDataGrid 是一个已弃用的控件。请改用IgbGrid 。如果您对如何在IgbGrid中实现有任何疑问，请联系我们的技术支持。

Blazor DataGrid 允许您使用 ImageColumn 在列中显示图像。

在下面的示例中，ImageColumn 用于 Photo 列和 Flag 列。

< DataGrid高度= " 100 %"宽度= "100%"行高= "50" @ref = "@DataGridRef"

         数据源= “员工”

         AutoGenerateColumns = "假"

         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" />

   ...

</数据网格> _ _

执行结果

该图像显示在“照片”列和“标志”列中。