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
Join Our Forum
We've retired comments here. Visit our forum for faster technical support, connect with other developers, and share your feedback there.
If you have not checked yet, be sure to visit site of our main product Webix js framework and page of javascript datatables product.