跳到主要内容

grid_elastic_columns

Description​

调整可滚动grid中列的宽度

grid_elastic_columns: boolean | string

Example​

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

Default value: false

Details​

注释

此属性仅在grid具有水平滚动条时生效。

默认情况下，dhtmlxGantt不会在整个grid大小改变时调整列宽。

因此，如果grid的宽度增加，列将保持原始宽度，右侧会留下空白。如果grid的宽度减少，则会出现水平滚动条。

elastic_false

如果希望列宽随grid大小一起调整，请将 grid_elastic_columns 设置为 true:

gantt.config.grid_elastic_columns = true;
注释

Sample: Elastic columns of Grid

启用此设置后，改变grid宽度时，列宽也会随之调整:

  • 当grid变宽时，列会扩展以填满额外空间。
  • 增加某列宽度会使grid整体宽度增大（可能出现水平滚动条），但其他列宽不变。
  • 减小某列宽度会使grid整体宽度缩小（滚动条可能消失），其他列宽可能增长。

elastic_true

另一个选项是将属性值设置为 "min_width":

gantt.config.grid_elastic_columns = "min_width";

行为如下:

  • 当grid变宽时，列会拉伸以填满可用空间。
  • 当grid变窄时，列会缩小至其最小宽度。当所有列都达到最小宽度后，会出现水平滚动条。

Change log​

  • added in v7.0