css

имя CSS-класса, который будет присвоен HTML-элементу компонента, или объект со стилями

string|object css;

Example

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

Related samples

Details

Если присвоить этому параметру значение "myClass", например, то для компонента будет сгенерирован примерно такой HTML:

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

css можно также задать объектом со стилями:

webix.ui({
    view:"datatable",
    css:{
        "font-style": "italic",
        // другие стили
    },
    ...
});

Тогда верхнему HTML контейнеру карусели будет присвоен CSS-класс с автоматически сгенерированным именем.

Иногда вам придется добавлять к правилам !important, чтобы перебить правила по умолчанию:

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

В скине Material и Mini между колонками Datatable нет границ. Добавить их можно с помощью классов webix_header_border и webix_data_border:

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