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: falseExample
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