grid_resize

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

boolean grid_resize;

Deprecated

The property is deprecated.

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

Grid columns resize events

Details

This functionality is available in the PRO edition only.

The property is 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");