Problem is I cant resize the Resource grid. Please help.
My Gantt chart layout looks like below:
gantt.config.layout = {
css: “gantt_container”,
rows: [
{
gravity: 1,
cols: [
{ view: “grid”, scrollable: true, group: “grids”, scrollX: “scrollHorGrid”, scrollY: “scrollVer” },
{ resizer: true, width: 1 },
{ view: “timeline”, scrollX: “scrollHor”, scrollY: “scrollVer” },
{ view: “scrollbar”, id: “scrollVer”, group: “vertical” }
]
},
{ resizer: true, width: 1, next: “resources” },
{
height: 35,
cols: [
{ html: “”, scrollable: true, group: “grids” },
{ resizer: true, width: 1 },
{
html:
" Hours per day " +
"Tasks per day ", css: “resource-controls”
}
]
},
{
gravity: 1,
id: “resources”,
templates: resourceTemplates,
cols: [
{
rows: [
{ view: “resourceGrid”, config: resourceConfig, scrollable: true, max_width: 688, scrollX: “scrollHorGrid”, scrollY: “resourceVScroll” },
{ view: “scrollbar”, id: “scrollHorGrid” }
], group: “grids”,
},
{ resizer: true, width: 1 },
{
rows: [
{
cols: [
{ view: “resourceTimeline”, scrollX: “scrollHor”, scrollY: “resourceVScroll” },
{ view: “scrollbar”, id: “resourceVScroll”, group: “vertical” }
]
},
{ view: “scrollbar”, id: “scrollHor” }
]
}
]
},
]
};