We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback


Columns define the schema of a data source in Blazor Gantt Chart component. It supports formatting, column definitions, column chooser, column menu, column reordering, and other important features. The operations such as sorting, filtering, and searching can be performed based on column definitions

Define columns

You can define columns explicitly to display the needed items in a Gantt Chart. You can also enhance the appearance of columns by setting the header text, text alignment, cell value format, and width.

Define Columns in Blazor Gantt Chart.

Cell Attributes in Blazor Gantt Chart.

Cell Attributes

Users can decorate each cell element of a Gantt Chart with their own attributes by customizing styles, add additional class names, etc.


Column resize allows changing column width on the fly by simply dragging the right corner of the column header. A scroll bar appears when the Gantt Chart content width exceeds the element width.

Resize Column Width in Blazor Gantt Chart.

Reorder Columns in Blazor Gantt Chart.


Reorder Gantt Chart columns either through user interaction or programmatically. Simply dragging a column header into the desired column position will reorder the columns of a Gantt Chart.

Cell styling

The ASP.NET Core Gantt Chart supports customization of cell styles by using CSS or programmatically

Cell styling in Blazor Gantt Chart.

Choose visible columns using column chooser in Blazor Gantt Chart.

Column chooser

The column chooser provides a list of column names paired with check boxes that allows the user to toggle visibility on the fly. This helps the users to control the column visibility through an interactive UI.

Column menu

Allows performing various column-based actions with the help of Blazor Gantt Chart column menu. Menu items can also be customized to list only the preferred actions.

Column menu in Blazor Gantt Chart.

Struggling to decide on the right product?

Our comprehensive competitor comparison of Blazor components will guide you to the perfect choice.

tick-mark 85+ UI components
tick-mark 960+ interactive Blazor demos
tick-mark 1.9M+ downloads

Blazor Components – 85+ UI and DataViz Components

Scroll up icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon