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

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

This sample demonstrates the text alignment functionalities of the Tree Grid 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 MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE