HAPPY BIRTHDAY, WEBIX! 12 YEARS Read More Up to 25% OFF on licenses and complex widgets! Offer valid from July 7 to July 15!

Selecting Items in TreeTable
JavaScript Programming Example of Selecting Items in TreeTable

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?