Setting up the GanttTable

In this topic, we go through the different steps required to setup columns in the GanttTable portion of the gantt. Note that the gantt does not automatically populate the table columns, you will have to set this up with column definitions. Among other things this gives you the flexibility to customize the columns shown in the table (take a look at the VWGrid user guide).

At the bottom of this topic, you will see references to samples where a full-fledged implementation of these features can be seen.

Creating GanttTable column

Each columns in the GanttTable should be defined via column definition. This is the column definition for the Start Time Column:

{

field: "Activity_M().StartTime_M()",

title: "StartTime",

width: 150,

format: "MM/dd/yy",

editor: "<input data-bind='ActivityTimeBinder:Activity_M().StartTime_M' />"

This is illustrated in most of our samples. For example,

In HTML : ..\Samples\GanttControlTableCustomization.htm.

In ASP.NET MVC : ..\Views\Home\ProjectGantt\GanttControlTableCustomization.cshtml.

In ASP.NET : ..\Samples\ProjectGantt\GanttControlTableCustomization.aspx.