Синтаксис темплейтов

Темплейты можно задавать несколькими по-разному:

webix.ui({
    view:"datatable",
    columns:[
        {
            id:"col1",
            header:"Column1",
            template:"#Package# : #Version#<br/>#Maintainer#"
        },
        // другие колонки
    ]
});

В примере выше, подстроки между # заменяются на значения из одноименных полей данных:

// по таким данным
[
    {Package:"Webix Connector", Version:1.1, Maintainer:"Server side Team"},
    {Package:"Webix Scheduler", Version:3.5, Maintainer:"Scheduler Team"}
]
// темплейт вернет такую строку
var template = "#Package# : #Version#<br/>#Maintainer#"
var text = "Webix Connector : 1.1 <br/>#Maintainer#"

webix.ui({
    view:"datatable",
    columns:[
        { id:"col1", template:function(obj){
            return obj.Package +"<br/>"+obj.Maintainer;
        }}
    ]
});

<textarea id="template_container" style="display:none">
#Package# : #Version# <br/>#Maintainer#</textarea>
<!-- вместо 'textarea' пойдет любой элемент HTML -->

webix.ui({
    view:"datatable",
    columns:[
        { id:"col1", header:"Column1", template:"html->template_container"},
    ]
});

webix.ui({
    view:"datatable",
    columns:[
        { id:"col1", header:"Column1", template:"http->../common/template.html"},
    ]
});