adjusts row height to cell content
columnId | string | column id |
silent | boolean | apply the method without repainting |
//adjusts height of each row to "title" cells
dtable.adjustRowHeight("title");
//adjusts height of each row to the highest cell in it
dtable.adjustRowHeight();
You need to set fixedRowHeight to false for your datatable, otherwise the method will not have any visible result.
Row height is adjusted to:
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);
})
}
});
This method will slowdown a component a lot.