css

the name of the CSS class or the object with styles that will be applied to the view container

string|object css;

Example

webix.ui({
    view:"datatable",
    css:"myclass",
    ...
});

Related samples

Details

Setting the parameter, for example, to the "myClass" value will produce HTML like this:

<div class='myClass'>...</div>

css can also be an object with styles:

webix.ui({
    view:"datatable",
    css:{"font-style": "italic"},
    ...
});

This will produce HTML with a CSS class with an auto-generated name.

Note that for some components you will need to add !important to CSS rules to override the default ones.

webix.ui({
    view:"datatable",
    css:{"background":"#ccc !important"}
    ...
});

If you use the default Material skin, there are no borders between the columns of Datatable. You can add them like this:

webix.ui({
    view:"datatable",
    id:"datatable",
    css:"webix_header_border webix_data_border",     columns:[
        { id:"rank", header:"" },
        { id:"title", header:"Film title" },
        { id:"year", header:"Released" },
        { id:"votes", header:"Votes" }
    ],
    resizeColumn:true, resizeRow:true, autowidth:true, autoheight:true,
    data:small_film_set
});
See also
Back to top
If you have not checked yet, be sure to visit site of our main product Webix mvc library and page of html5 datatable product.