grid_resize

makes the grid resizable by dragging the right grid's border

boolean grid_resize;

Deprecated

Use the gantt.config.layout instead and specify grid and resizer objects with the necessary configuration inside. Check the details here.

gantt.config.layout = {
  css: "gantt_container",
  rows:[
    {
      cols: [
        {view: "grid", id: "grid", scrollX:"scrollHor", scrollY:"scrollVer"},
        {resizer: true, width: 1},
        {view: "timeline", id: "timeline", scrollX:"scrollHor", scrollY:"scrollVer"},
        {view: "scrollbar", scroll: "y", id:"scrollVer"}
      ]
     },
    {view: "scrollbar", scroll: "x", id:"scrollHor", height:20}
  ]
};
 
gantt.init("gantt_here");

Available only in PRO Edition

Example

gantt.config.columns = [
    { name:"text", tree:true, width:"*", resize:true },
    { name:"start_date", align: "center"},
    { name:"duration", align: "center", width:70 },
    { name:"add", width:44 }
];
 
gantt.config.grid_resize = true; gantt.init("gantt_here");


Default value:

false

Related samples

Details

This functionality is available in the PRO edition only.

See also
Change log

deprecated since version 5.0

Back to top