Creating Pivot

You can create Pivot as a Webix view or as a standalone Jet app. Both ways will lead to the same result.

  • Creating Pivot as a Webix view:
webix.ready(function() { 
  // use custom scrolls, optional
  if (webix.env.touch) webix.ui.fullScreen();
    else if (webix.env.scrollSize) 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"] }],
    }
  });    
});

Related sample:  Pivot: Webix View Initialization

  • Initializing Pivot as an instance of Jet app class and render it in the document body (or in any other HTML container):
webix.ready(function() { 
  // use custom scrolls, optional
  if (webix.env.touch) webix.ui.fullScreen();
    else if (webix.env.scrollSize) 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);
});

Related sample:  Pivot: JetApp Initialization

Back to top