grid_elastic_columns

регулирует ширину столбцов внутри прокручиваемого grid

Example

gantt.config.grid_elastic_columns = true;
...
gantt.init("gantt_here");

Default value:

false

По умолчанию dhtmlxGantt не изменяет размер столбцов при изменении размера всего grid.

Таким образом, когда ширина grid увеличивается, ширина столбцов останется прежней. В результате справа от grid появится пустое пространство. Если ширина grid уменьшается, в grid будет отображаться горизонтальная полоса прокрутки.

Чтобы сделать столбцы зависимыми от размера grid, установите grid_elastic_columns в true:

gantt.config.grid_elastic_columns = true;

Related sample:  Эластичные столбцы Grid

Теперь, если ширина grid изменяется, ширина столбцов также будет изменяться, и наоборот:

• если вы увеличите ширину grid, столбцы расширятся, чтобы заполнить размер grid и занять все оставшееся пространство
• если вы увеличите ширину столбца, размер grid увеличится (горизонтальная полоса прокрутки может появиться, но размер других столбцов не изменится)
• если вы уменьшите ширину столбца, размер grid уменьшится (горизонтальная полоса прокрутки может исчезнуть, но размер других столбцов может увеличиться)

Еще одна опция - установить значение свойства в "min_width":

gantt.config.grid_elastic_columns = "min_width";

В этом случае:

• если вы увеличите ширину grid, столбцы расширятся, чтобы заполнить размер grid и занять все оставшееся пространство
• если вы уменьшите ширину grid, столбцы будут сжиматься, пока не достигнут своего минимального размера. Когда все столбцы достигнут минимума, в grid появится горизонтальная полоса прокрутки.

добавлено в v7.0

К началу