Gantt Chart / Columns / Column Menu

Blazor Gantt Chart Example - Column Menu Integration

Loading Syncfusion Blazor Server Demos…

treeGridsfGantt_188_gridcontrol_header_table

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

Name

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

Start Date

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

End Date

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

Duration

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

Progress

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

Dependency

Press Enter to sort. Press Alt Down to open filter Menu. Press Alt Down to open Column Menu

Product concept

4/2/2021

4/12/2021

7 days

Define the product usage

4/2/2021

4/6/2021

3 days

Define the target audience

4/2/2021

4/5/2021

2 days

Prepare product sketch and notes

4/7/2021

4/12/2021

4 days

2FS

Concept approval

4/12/2021

0 days

3FS,4FS

Market research

4/13/2021

4/22/2021

8 days

Demand analysis

4/13/2021

4/16/2021

4 days

Customer strength

4/13/2021

4/16/2021

4 days

5FS

Market opportunity analysis

4/13/2021

4/16/2021

4 days

5FS

Competitor analysis

4/19/2021

4/22/2021

4 days

7FS,8FS

Product strength analysis

4/19/2021

4/22/2021

4 days

9FS

Research completed

4/22/2021

0 days

10FS

Product design and development

4/23/2021

5/19/2021

19 days

Functionality design

4/23/2021

4/28/2021

4 days

12FS

Quality design

4/23/2021

4/27/2021

3 days

12FS

Define reliability

4/28/2021

5/3/2021

4 days

15FS

Identifying raw materials

4/28/2021

4/29/2021

2 days

15FS

Define cost plan

4/30/2021

5/4/2021

3 days

17FS

Estimate manufacturing cost

4/30/2021

5/4/2021

3 days

17FS

Estimate selling cost

4/30/2021

5/4/2021

3 days

17FS

Development of final design

5/5/2021

5/19/2021

11 days

Develop dimensions and design

5/5/2021

5/10/2021

4 days

19FS,20FS

Develop designs to meet industry

5/11/2021

5/13/2021

3 days

22FS

Include all the details

5/14/2021

5/19/2021

4 days

23FS

CAD - Computer Aided Design

5/20/2021

5/24/2021

3 days

24FS

CAM - Computer Aided Manufacturing

5/25/2021

5/28/2021

4 days

25FS

Finalize the design

5/28/2021

0 days

26FS

Prototype testing

5/31/2021

6/3/2021

4 days

27FS

Include feedback

5/31/2021

6/3/2021

4 days

28SS

Manufacturing

6/4/2021

6/10/2021

5 days

28FS,29FS

Assembling material into finished goods

6/11/2021

6/17/2021

5 days

30FS

Final product development

6/18/2021

6/28/2021

7 days

Important improvement

6/18/2021

6/22/2021

3 days

31FS

Customer testing and feedback

6/23/2021

6/28/2021

4 days

33FS

Final product development

6/29/2021

7/2/2021

4 days

Important improvement

6/29/2021

7/2/2021

4 days

34FS

Address any unforeseen issues

6/29/2021

7/2/2021

4 days

36SS

Finalize the product

7/5/2021

7/14/2021

8 days

Branding the product

7/5/2021

7/8/2021

4 days

37FS

Marketing and presales

7/9/2021

7/14/2021

4 days

39FS

Mar 24, 2021	Mar 28, 2021	Apr 04, 2021	Apr 11, 2021	Apr 18, 2021	Apr 25, 2021	May 02, 2021	May 09, 2021	May 16, 2021	May 23, 2021	May 30, 2021	Jun 06, 2021	Jun 13, 2021	Jun 20, 2021	Jun 27, 2021	Jul 04, 2021	Jul 11, 2021

W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S	S	M	T	W	T	F	S

This sample demonstrates the default functionalities of the column menu in the Blazor Gantt Chart. Select the menu icon in any column header to open a contextual panel that centralizes essential column operations.

Enable the feature by setting the ShowColumnMenu property to true. The default menu items provide shortcuts for the following actions:

SortAscending � Sort the selected column in ascending order.
SortDescending � Sort the selected column in descending order.
AutoFit � Adjust the current column width to fit its content.
AutoFitAll � Auto-fit every column in the grid.
ColumnChooser � Toggle column visibility from a checklist.
Filter � Open the filtering UI to filter the current column.

For further details, refer to the documentation.