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

Resizable columns in grid

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");