adjustRowHeight

подстраивает высоту ряда под содержимое ячейки

void adjustRowHeight( [string columnId,boolean silent] );
columnIdstringID колонки
silentbooleanвызвать метод без перерисовки таблицы

Example

//подстраивает высоту каждого ряда под высоту ячеек в колонке "title"
dtable.adjustRowHeight("title");
 
//подстраивает высоту каждого ряда под самую высокую ячейку
dtable.adjustRowHeight();

Related samples

Details

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

Высота ряда подстраивается под:

  • высоту ячейки в указанной колонке (параметр метода columnId);
  • если нет параметра columnId, высота ряда подстроится под самую "высокую" ячейку.

Чтобы подстроить высоту ряда сразу после загрузки данных в таблицу, вызовите adjustRowHeight() в обработчике события onresize и не забудьте при этом обработчик завернуть в webix.once, чтобы он не вызывался при каждом ресайзе: Обратите внимание на то, что мы можем вызвать метод adjustRowHeight в режиме silent, чтобы компонент перерисовался автоматически:

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); 
        })
    }
});

Используйте adjustRowHeight только если очень надо, так как он значительно замедляет производительность компонента.

See also
Наверх
If you have not checked yet, be sure to visit site of our main product Webix html5 ui library and page of javascript tree grid product.