• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Cell Alignment in ASP.NET Core Tree Grid Control

This sample demonstrates the text alignment functionalities of the treegrid columns.

DEMO
SOURCE
Column
Cell Alignment

Align both content and header text of particular column using the TextAlign property of columns. There are four possible ways to align content and header text of column, they are.

  • Right
  • Left
  • Center
  • Justify

In this sample, we have initially set the TextAlign property as “Right” for Duration, Start Date and End Date columns and also we have an option to align the values of content and header text dynamically by select the column and text align value from property panel.

More information about Cell Alignment can be found in this documentation section.

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