Skip to main content

autoHeight

Pro version only

This functionality requires PRO version of the DHTMLX Grid (or DHTMLX Suite) package.

Optional. Makes long text to split into multiple lines based on the width of the column

autoHeight?: boolean;
Default value: false

Example

const grid = new dhx.Grid("grid_container", {
columns: [
// columns config
],
autoHeight: true,
data: dataset
});

Related sample: Grid. Rows auto height

Note, that the autoHeight option does not adjust the height of the cells in the header/footer of Grid. The option just makes their text to split into multiple lines, but the height of the cells will remain the same. To set the height of the rows in the header/footer, you should apply the headerRowHeight and footerRowHeight configuration options of Grid.

Note, that:

  • to optimize performance, you should specify htmlEnable: true in the configuration object of the column which contains HTML content;
  • you can also specify htmlEnable:true in the configuration object of Grid;
  • htmlEnable: true allows calculating the content of simple HTML templates by excluding HTML markup and calculating internal content.
  • the autoHeight configuration option enabled adjusts the height of the cells with account of template added to cells.

Change log:

added in v7.1