New to Telerik UI for ASP.NET MVC? Download free 30-day trial

Columns

Loading Demo...

EXAMPLE
VIEW SOURCE
Edit in Theme Builder
Change Theme
Default
SASS

LESS
- Default
- Bootstrap
- Material
- Launch Theme Builder
- Black
- Blue Opal
- Bootstrap v3
- Default
- Fiori
- Flat
- High Contrast
- Material
- Material Black
- Metro
- Metro Black
- Moonlight
- Nova
- Office 365
- Silver
- Uniform

            
                        columns.cshtml
                    
                        ColumnsController.cs

Also available for:

API REFERENCE

kendo.syncReady(function(){jQuery("#gantt").kendoGantt({"columns":[{"field":"TaskID","title":"ID","width":50,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}},{"field":"title","title":"Title","editable":true,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}},{"field":"start","title":"Start Time","format":"{0:MM/dd/yyyy}","width":100,"editable":true,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}},{"field":"end","title":"End Time","format":"{0:MM/dd/yyyy}","width":100,"editable":true,"sortable":{"Enabled":true,"Compare":{"TemplateDelegate":null,"HandlerName":null}}}],"columnMenu":true,"filterable":true,"reorderable":true,"snap":false,"height":700,"resizable":true,"showWorkDays":false,"showWorkHours":false,"views":[{"type":"day"},{"selected":true,"type":"week"},{"type":"month"}],"dataSource":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/aspnet-mvc/gantt/columns_read_tasks"},"prefix":"","update":{"url":"/aspnet-mvc/gantt/columns_update_task","data":onUpdateCreate},"create":{"url":"/aspnet-mvc/gantt/columns_create_task","data":onUpdateCreate},"destroy":{"url":"/aspnet-mvc/gantt/columns_destroy_task"}},"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"id":"TaskID","fields":{"TaskID":{"type":"number"},"parentId":{"from":"ParentID","defaultValue":null,"type":"number"},"title":{"from":"Title","type":"string"},"start":{"from":"Start","type":"date"},"end":{"from":"End","type":"date"},"plannedStart":{"from":"PlannedStart","type":"date"},"plannedEnd":{"from":"PlannedEnd","type":"date"},"TeamLead":{"type":"string"},"summary":{"from":"Summary","type":"boolean"},"expanded":{"from":"Expanded","type":"boolean","defaultValue":true},"percentComplete":{"from":"PercentComplete","type":"number"},"orderId":{"from":"OrderId","type":"number"}}}}},"dependencies":{"type":(function(){if(kendo.data.transports['aspnetmvc-ajax']){return 'aspnetmvc-ajax';} else{throw new Error('The kendo.aspnetmvc.min.js script is not included.');}})(),"transport":{"read":{"url":"/aspnet-mvc/gantt/columns_read_dependencies"},"prefix":"","create":{"url":"/aspnet-mvc/gantt/columns_create_dependency"},"destroy":{"url":"/aspnet-mvc/gantt/columns_destroy_dependency"}},"schema":{"data":"Data","total":"Total","errors":"Errors","model":{"id":"DependencyID","fields":{"DependencyID":{"type":"number"},"predecessorId":{"from":"PredecessorID","type":"number"},"successorId":{"from":"SuccessorID","type":"number"},"type":{"from":"Type","type":"number"}}}}}});});

Columns

Support & Learning Resources

Was this demo helpful?

Tell us how we can improve this demo