Блог

я использую react версии 16.7.0 и DHTMLX Gantt версии 7.0.11, Standard Edition. Проблема в том, что столбец прокрутки не отображается на мониторе 24 «или более, но он может отображаться на мониторе моего ноутбука (14 «)

мой код макета

 gantt.config.grid_elastic_columns = true;

    gantt.config.columns=[
        {name:"text",       label:"Task name",      width: '*', min_width: 300, max_width: 1200, tree:true, },
        {name:"assignTo",   label:"Assign To",      align: "center", width: '*', min_width: 100, max_width: 1200, },
        {name:"start_date", label:"Start Date",     align: "center", width: '*', min_width: 100, max_width:200, },
        {name:"endDate",    label:"Date Line",      align: "center", width: '*', min_width: 100, max_width:200, },
        // {name:"duration",   label:"Duration",       align: "center" },
        {name:"budgetHour", label:"Budget Hour",    align: "center" },
    ];

    gantt.config.grid_width = 500;
    
    gantt.config.layout = {
        css: "gantt_container",
        cols: [
            {
            width: 500,
            min_width: 300,
        
            // adding horizontal scrollbar to the grid via the scrollX attribute
            rows:[
                {view: "grid", scrollX: "gridScroll", scrollable: true, scrollY: "scrollVer"}, 
                {view: "scrollbar", id: "gridScroll"}  
            ]
            },
            {resizer: true, width: 1},
            {
                rows:[
                    {view: "timeline", scrollX: "scrollHor", scrollY: "scrollVer"},
                    {view: "scrollbar", id: "scrollHor"}
                ]
            },
            {view: "scrollbar", id: "scrollVer"}
        ],
    };
 

на мониторе 14 » есть прокрутка

здесь, на мониторе 24 »

* я пытаюсь отобразить прокрутку на 19-дюймовом мониторе

исправить просто введите

gantt.config.scroll_size = 20;