grid_elastic_columns

passt die Breite der Spalten in einem scrollbaren Grid an

Example

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

Default value:

false

Standardmäßig passt dhtmlxGantt die Größe der Spalten während der Größenänderung des gesamten Grids nicht an.

Daher bleibt die Breite der Spalten gleich, wenn die Breite des Grids zunimmt. Infolgedessen erscheint auf der rechten Seite des Grids ein leerer Raum. Wenn die Breite des Grids abnimmt, wird der horizontale Scrollbalken im Grid angezeigt.

Um die Spalten von der Größe des Grids abhängig zu machen, setzen Sie grid_elastic_columns auf true:

gantt.config.grid_elastic_columns = true;

Related sample:  Elastische Spalten des Grids

Jetzt wird, wenn sich die Breite des Grids ändert, auch die Breite der Spalten angepasst und umgekehrt:

• Wenn Sie das Grid verbreitern, erweitern sich die Spalten, um der Größe des Grids zu entsprechen, und nehmen den gesamten verbleibenden Platz ein.
• Wenn Sie die Spaltenbreite erweitern, wird die Größe des Grids größer (der horizontale Scrollbalken kann erscheinen, aber die Größe der anderen Spalten ändert sich nicht).
• Wenn Sie die Spaltenbreite verringern, wird die Größe des Grids kleiner (der horizontale Scrollbalken kann verschwinden, aber die Größe der anderen Spalten kann zunehmen).

Eine weitere Option besteht darin, den Wert der Eigenschaft auf "min_width" zu setzen:

gantt.config.grid_elastic_columns = "min_width";

In diesem Fall:

• Wenn Sie das Grid verbreitern, erweitern sich die Spalten, um der Größe des Grids zu entsprechen, und nehmen den gesamten verbleibenden Platz ein.
• Wenn Sie die Breite des Grids verringern, schrumpfen die Spalten, bis sie ihre minimale Breite erreichen. Wenn alle Spalten das Minimum erreicht haben, erscheint der horizontale Scrollbalken im Grid.

hinzugefügt in v7.0

Zurück nach oben