Example of Cell Alignment in React Tree Grid Component

/
/
CellAlign

This sample demonstrates the text alignment functionalities of the Tree Grid columns.

More Details...

Loading....
Description

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 Task ID, Start Date, Duration and Progress 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.