autowidth

adjusts the width of Datatable to its content

boolean autowidth;

Example

webix.ui({
    view:"datatable",
    autowidth:true,
    ...
});

Related samples

Details

If a Datatable has 5 columns (each 100px wide), the resulting width will be 500px plus borders.

To adjust a component to the size of a parent container omit this property.

To stretch the Datatable columns within the container, you need to set fillspace to at least one of its columns.

columns:[
    { id:"title", header:"Title", fillspace:true },
    // make this column twice as wide
    { id:"year", header:"Release", fillspace:2 }
]
See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix js framework and page of javascript datatables product.