• 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 Header Template in ASP.NET Core Gantt Control

This sample demonstrates the Gantt header template feature. In this sample, custom icons are displayed in the column headers.

DEMO
SOURCE

The Gantt provides a way to define a custom element in the header element. The columns -> headerTemplate property accepts either string or HTML element's ID value, which will be used as the template for the header cell.

In this demo, we have rendered the customized template for all column headers.

More information on the Essential® Gantt Chart can be found in this columns 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