# data-grid-checkbox-selector-column

> Data grid adds a built-in checkbox selector column for orders alongside name, ID, and city fields.

**Framework:** maui  **Component:** data-grid  **Variant:** checkbox-selector-column

## Get this item

**If you are an agent, fetch the JSON.** Source is inlined, so one request is enough and no tooling is required:

```
GET https://ai.syncfusion.com/r/maui/data-grid-checkbox-selector-column.json
```

**Install Package(s)**

```bash
dotnet add package Syncfusion.Maui.DataGrid
```

**Notes**

- Syncfusion release: 2026 Volume 2 (v34.1.29)
- The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md

## Source files

### src/components/data-grid-checkbox-selector-column/Grid.xaml

```xaml
<?xml version="1.0" encoding="utf-8" ?>
<ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:model="clr-namespace:MAUI.Controls.DataGrid.CheckBoxSelectorColumn"
             xmlns:sfgrid="clr-namespace:Syncfusion.Maui.DataGrid;assembly=Syncfusion.Maui.DataGrid"
             x:Class="MAUI.Controls.DataGrid.CheckBoxSelectorColumn.CheckBoxSelectorColumnView"
             x:DataType="model:OrderViewModel">

    <sfgrid:SfDataGrid x:Name="dataGrid"
                       AutoGenerateColumnsMode="None"
                       HeaderRowHeight="52"
                       RowHeight="48"
                       SelectionMode="Multiple"
                       NavigationMode="Row"
                       HeaderGridLinesVisibility="Both"
                       GridLinesVisibility="Both"
                       ItemsSource="{Binding OrdersInfo}"
                       ColumnWidthMode="Fill"
                       HorizontalScrollBarVisibility="Always"
                       VerticalScrollBarVisibility="Always">

        <sfgrid:SfDataGrid.Columns>
            <!-- Built-in checkbox selector column -->
            <sfgrid:DataGridCheckBoxSelectorColumn Width="75" />

            <sfgrid:DataGridNumericColumn Format="D" MappingName="OrderID" HeaderText="Order ID" />
            <sfgrid:DataGridTextColumn   MappingName="CustomerID" HeaderText="Name" />
            <sfgrid:DataGridTextColumn   MappingName="ShipCity" HeaderText="City" />
            <sfgrid:DataGridTextColumn   MappingName="ShipCountry" HeaderText="Country" />
        </sfgrid:SfDataGrid.Columns>
    </sfgrid:SfDataGrid>
</ContentPage>
```