adjustRowHeight

adjusts row height to cell content

Example

//adjusts height of each row to "title" cells
dtable.adjustRowHeight("title");
 
//adjusts height of each row to the highest cell in it
dtable.adjustRowHeight();

Related samples

You need to set fixedRowHeight to false for your datatable, otherwise the method will not have any visible result.

Row height is adjusted to:

• the height of the cell in a column, which is defined by the columnId parameter;
• the height of the "biggest" cell in a row, if columnId is not provided.

If you want to apply auto-sizing just after data loading you can do it inside the onResize event handler. Please, note that we can call the adjustRowHeight method in a silent mode because in this case the component will be refreshed automatically:

webix.ui({
    view:"datatable",
    columns:[
        { id:"rank",    width:40,   header:"", css:"rank"},
        { id:"title",   width:380,  header:"Film title" },
        { id:"year",    width:160,  header:"Released"   },
        { id:"votes",   width:120,  header:"Votes"      }
    ], 
    fixedRowHeight:false,
    on:{
        "onresize":webix.once(function(){ 
            // adjust by "title" column
            this.adjustRowHeight("title", true);
            // or, adjust by any column 
            this.adjustRowHeight(null, true); 
        })
    }
});