How to create a custom GridColumn ?

SfDataGrid allows you to create custom GridColumn by following the below steps.

1. Create a new class by inheriting from the GridColumn. You must specify the GridColumn.CellType property to create a custom column.
2. A corresponding CellRenderer class for the custom column must be created by customizing the GridVirtualizingCellRenderer<D, E>.
3. You should override the below methods in the created cell renderer class.

1. OnCreateDisplayUIView() – to create the cell content to be loaded inside the grid cell.
2. OnInitializeDisplayView() – to initialize the cell content loaded inside the grid cell with required settings.

4. Finally, you must add the custom column to the SfDataGrid.Columns collection and its renderer in the SfDataGrid.CellRenderers collection.

Note:

D- type of the view that should be placed inside cells in display mode

E- type of the view that should be placed inside cells in edit mode

For example, refer the below example in which a custom column is created for loading a Stepper control in the grid columns. Since the Stepper control is loaded the LoadUIView property is set as true. A custom renderer class is written to load Stepper control as both display and edit views.

Creating Stepper Column

Custom cell renderer for StepperColumn

MainPage

Screenshot

SampleLink: How to create a custom GridColumn?