Rows and Columns in Kanban, JavaScript Programming Example of Rows and Columns in Kanban

webix.ready(function(){
  if (!webix.env.touch && webix.env.scrollSize)
    webix.CustomScroll.init();

  webix.ui({
    view:"kanban",
    cols:[
      { header:"Backlog",
       body:{ view:"kanbanlist", status:"new"}},
      { header:"Ready", gravity: 3,
       body:{ type:"clean",
             rows:[
               { view:"kanbandataview", status:"ready", gravity: 0.5  },
               { type:"space", paddingX:0,
                cols:[
                  { header:"In Progress",
                   body:{ view:"kanbanlist", status:"work"}},
                  { header:"Testing",
                   body:{ view:"kanbanlist", status:"test"  }},
                  { header:"Done",
                   body:{ view:"kanbanlist", status:"done"  }}
                ]
               }
             ]
            }
      }
    ],
    data:task_set
  });
});