본문으로 건너뛰기

grid_resize

정보

이 기능은 PRO 에디션에서만 사용할 수 있습니다.

Description​

그리드의 오른쪽 경계를 드래그하여 크기를 조절할 수 있도록 합니다

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​

노트

이 속성은 현재 더 이상 권장되지 않습니다. 대신 gantt.config.layout을 사용하고 필요한 경우 grid 및 resizer 객체를 구성하세요. 자세한 내용은 여기에서 확인할 수 있습니다.

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​

  • 버전 5.0부터 deprecated 처리됨