Skip to main content

grid_resize

warning

The property is deprecated.

info

This functionality is available in the PRO edition only.

Description​

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

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

Details​

note

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

Change log​

  • deprecated since version 5.0