Skip to content

Bug: misalignment in multi-selection mode #236

@newMine2024

Description

@newMine2024

Description: When SelectionMode="Multiple" is enabled in Maui.DataGrid, the automatically added selection column does not align correctly with the header. The following issues occur:

The header and row columns become misaligned.

The row checkboxes render incorrectly: their color and border appear peeled/faded.

The checkbox visuals cross into the first data row instead of staying within the selection column boundaries.

The header does not show a proper checkbox, which makes the layout inconsistent.

Steps to Reproduce:

Create a DataGrid with SelectionMode="Multiple".

Bind it to a collection with several rows.

Observe the header and row alignment.

Notice that the row checkboxes overlap and render incorrectly.

Expected Behavior:

Header and row columns should remain aligned.

Checkboxes should render with proper color and border.

The header should display a consistent selection cell (e.g., “Select All” checkbox).

Environment:

Maui.DataGrid version: (e.g., 4.0.6)

.NET version: (e.g., .NET 8.0)

Visual Studio version: (e.g., 17.10)

Platform: (Windows )

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions