• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • Material 3
  • Bootstrap 5
  • Fluent 2
  • Tailwind CSS
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Reorder in ASP.NET Core Gantt Chart Control

This sample demonstrates column reordering in the Gantt Chart. Reorder columns either by dragging column headers to a new position or by selecting a column and target index from the property panel.

DEMO
SOURCE
Column
Column Position

This example demonstrates the column reordering feature in the Gantt Chart. Column reordering can be enabled by setting the allowReordering property to true. Columns can be reordered by dragging a column header and dropping it at the desired position within the TreeGrid area. Visual indicators are displayed to show the target drop location during the reordering operation.

In this sample, columns can also be reordered programmatically using the property panel by selecting a column and its destination index.

More information on the Essential® Gantt Chart can be found in this column reordering documentation section.


Looking for the full ASP.NET Core Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET Core Gantt Chart page.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
145+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab