Datatable: alter the height and width of the cells

Webix JS
1

I want to alter the height and width of the cells in the datatable.
I tried to do it with css but not able to do that.
I tried width and height attributes and also tried

type:{ 
	 height: 300,
	width: 100 //dimensions of each dataview item
}

nothing is working
Kindly provide some example for the same.

2

You can set width in column’s settings
http://docs.webix.com/datatable__columns_configuration.html#widthsofcolumns

Or change the defaults like next

webix.ui({
    view:"datatable",
    rowHeight:300,  columnWidth:100
})
3

this is applied on all the rows and columns…what if I want different width of certain columns ?

4

also if I want to change height of particular row, then how to achieve that ?

5

You can set width in column’s settings http://docs.webix.com/datatable__columns_configuration.html#widthsofcolumns

columns:[ { width:100 }]

Similar, row height can be defined as part of a data
http://docs.webix.com/datatable__sizing.html#settingthefixedsize

data:[ { $height:100, ...
6

I guess this height attribute work only in data row. What if I want to reduce height in the header row say for example in the following example ‘http://webix.com/snippet/33a14753’ I want to reduce to last row header.

7

There is a headerRowHeight attribute - http://webix.com/snippet/169162d5
It can be used to set height of header row ( but it works for all rows in the grid’s header )