NEW VERSION RELEASED! Webix 11 Read More Core Updates, Extended Functionalities in SpreadSheet and File Manager and more

JavaScript TreeTable Checkboxes
Programming examples of TreeTable Checkboxes

JavaScript TreeTable Checkboxes

Get a JavaScript programming example for creating checkboxes in TreeTable. TreeTable is a web widget that has both Table and Tree functions for data management and presentation. With the help of our JS coding sample, you'll be able to make TreeTable checkboxes. Feel free to use our programming samples or a snippet tool below to improve your JavaScript skills, and develop web applications.

JS Code

var grida = {
  view:"treetable",
  columns:[
    { id:"id", header:"", css:{"text-align":"right"}, width:50 },
    { id:"value", header:"Title", fillspace:true,
     template:"{common.space()}{common.icon()}{common.treecheckbox()}{common.folder()}#value#" },
    { id:"state", header:"State", width:100 },
    { id:"hours", header:"Hours", width:100 }
  ],
  editable:true,
  autoheight:true,
  scroll:false,
  url:"https://docs.webix.com/samples/15_datatable/30_treetable/data/treedata.php", datatype:"xml"
};

webix.ready(function(){
  webix.ui({
    padding:10, rows:[
      {
        height:40,
        template:"<b>Using checkboxes in TreeTable</b>"
      },
      grida,
      {}
    ]
  });
});