SharedSamples.org
Column Formatting

Gantt Chart

This sample demonstrates the use of the Calculated column to generate a string for displaying a Gantt chart, and then parses the string to display the Gantt chart.

Gantt Chart

About this sample

This sample demonstrates the use of the Calculated column to generate a string for displaying a Gantt chart, and then parses the string to display the Gantt chart.

Products & metadata

SharePointMicrosoft ListsColumnSharePoint OnlineHover Cards, Icons, Inline EditingGeneral@nowreplaceAll, substring, indexOf, Number, Date, loopIndexcustomCardProps, inlineEditField, forEach, directionalHintms-bgColor-themeLight, ms-bgColor-themeLighter--hover, ms-bgColor-themePrimary, ms-fontSize-s, ms-fontSize-xsColumn Formatting