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

JavaScript Programming Example of Selecting Items in TreeTable

JavaScript Selecting Items in TreeTable

Get the coding sample of selecting items in TreeTable. Allow the users of your web app to select items in a TreeTable easily. Check out the code sample and preview below.

JS Code

webix.ui({
  view:"treetable",
  columns:[
    { id:"id",	header:"", css:{"text-align":"right"}, width:50},
    { id:"value",	header:"Title",	width:250,
     template:"{common.treetable()} #value#" },
    { id:"state",	header:"State",	width:100},
    { id:"hours",	header:"Hours",	width:100}
  ],
  select:"row",
  autoheight:true,
  autowidth:true,
  url: "https://docs.webix.com/samples/15_datatable/30_treetable/data/treedata.php", 
  datatype:"xml"
});

          

How to ensure easy items selection with the Webix TreeTable widget?