var small_film_set = [
{ id:1, title:"The Shawshank Redemption", year:1994, votes:678790, rating:9.2, rank:1, category:"Thriller"},
{ id:2, title:"The Godfather", year:1972, votes:511495, rating:9.2, rank:2, category:"Crime"},
{ id:3, title:"The Godfather: Part II", year:1974, votes:319352, rating:9.0, rank:3, category:"Crime"},
{ id:4, title:"The Good, the Bad and the Ugly", year:1966, votes:213030, rating:8.9, rank:4, category:"Western"},
{ id:5, title:"Pulp fiction", year:1994, votes:533848, rating:8.9, rank:5, category:"Crime"},
{ id:6, title:"12 Angry Men", year:1957, votes:164558, rating:8.9, rank:6, category:"Western"}
];

webix.ready(function(){
  if ( webix.env.touch ){         // if touch device is detected
      webix.Touch.limit(true);
  };

  webix.ui({
    rows:[
      { type:"header", template:"Preview" },
      { template:"You can write any code here" },
      { view:"resizer" },
      {
        view:"datatable",
        id: "test",
        autoConfig:true,
        data: small_film_set,
        select: true,
        editable: true
      },
      { view: "button", value: "Fullscreen", click: function() {
        let elem = $$("test").getNode();
        elem.webkitRequestFullscreen();
      }}
    ]
  })
});