• Material
  • Fabric
  • Bootstrap
  • Bootstrap v4
  • High Contrast
Preferences
Theme Selection
Mode Selection
Touch
Mouse
Essential JS 2
HOME
All Controls

Button

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.