NEW VERSION RELEASED! Webix 11.1 Read More New widget — Rich Text Editor! Scheduler, File and Doc Manager updates and more

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?