Skip to main content
BuyLog In
.NET Multi-platform App UI
Search in…
Docs > Featured Scenarios > Replicate a Single-Column Kanban View
All docs
V24.2
.NET Multi-platform App UI
Get Started (NuGet, Project Templates, and First App)
What's New
Featured Scenarios
Expandable Cards with Lists
Context Menu Actions in Popup
Form-Based Authentication
Role-Based Data Access
Cards with Buttons & Analytics
Enable Multiple Selection and Implement the Contextual Action Bar
Master-Detail View with BottomSheet Control
Data Grid Column Chooser
Infinite Collection View Scrolling
Send Template Messages with Mail Merge
Replicate a Single-Column Kanban View
Data Grid Search Bar
Sign a PDF File with a Custom Signature
Google Maps-Inspired POI Details
A Contact's Edit View
Interactive Chart: Bar Selection
Candlestick Financial Chart with Volume Bars, Indicators, and Time Frames
Chip Filters for a CollectionView
Populate E-Forms in PDF Files
Display Filtering UI Elements in a BottomSheet
Use Form Items to Build a Settings Page
Incorporate CRUD Operations
Smart Home App
Property Details
Import Excel Data
Chat Control
Convert HTML to Markdown
Theme Selector App
Common Concepts
MVVM Library
Data Grid
Data Editors
Data Form
Collection View
Tree View
HTML Edit
PDF Viewer
Form Items
Shimmer View
Image & ImageEdit
Slider & Range Slider
Radial Gauge
Radial Progress Bar
Charts
Scheduler & Calendar
Dialogs, Menu, & Navigation
Slide View
Chips
Utility Controls
Layouts
Reporting
Office File API
Backend Web API Service / REST API
Migrate from Xamarin
Breaking Change Policy
API Reference

Replicate a Single-Column Kanban View

Task-based Scenarios - DataGrid Drag-and-Drop Items

This example implements a single-column Kanban view based on our DataGridView. In this solution, the Data Grid contains multiple groups (Planned, Coding, Testing, and Done) populated with items. Users can drag and drop items between groups.

View Example: DataGrid for .NET MAUI - Single-Column Kanban View

Related Members:

DataGridView: IsColumnHeaderVisible, SelectionMode, AllowDragDropRows, AllowDragDropSortedRows, CompleteRowDragDrop, DragRow, TemplateColumn, GroupRowAppearance, CellAppearance, GroupRowTemplate,

Anatomy

The following image illustrates the anatomy of this project:

DataGrid - Drag-and-Drop Items Anatomy

Implementation Details

Refer to the following GitHub example to see implementation details:

View Example: DataGrid for .NET MAUI - Single-Column Kanban View