Создание Pivot на странице

Вы можете создать Pivot как Webix компонент или же как отдельное Jet приложение. Оба способа дают один и тот же результат.

Создаём Pivot как Webix компонент:

webix.ready(function() { 
  // кастомный скролл; необязательно
  if (webix.env.mobile) webix.ui.fullScreen();
    webix.CustomScroll.init();
 
  webix.ui({
    view: "pivot",
    url: "https://docs.webix.com/pivot-backend/",
    structure: {
      rows: ["form", "name"],
      columns: ["year"],
      values: [{ name: "oil", operation: ["min", "sum"] }],
    }
  });    
});

Инициализируем Pivot как экземпляр класса Jet app и отрисовываем его на странице (или в заданном контейнере):

webix.ready(function() { 
  // кастомный скролл; необязательно
  if (webix.env.mobile) webix.ui.fullScreen();
    webix.CustomScroll.init();
 
  const app = new pivot.App({
    url: "https://docs.webix.com/pivot-backend/".
    structure: {
      rows: ["form", "name"],
      columns: ["year"],
      values: [{ name: "oil", operation: ["min", "sum"] }],
    },
  });
 
  app.render(document.body);
});

Наверх