23 days to give it a try before you buy! Download now. The best deals on licenses are coming soon Download now. The best deals on licenses are coming soon

JavaScript Programming Example of Editing Data in TreeTable

JavaScript Editing Data in TreeTable

A user should be able to effortlessly change data in a TreeTable, e.g., folder and file names. Feel free to use our programming example for making data in a TreeTable editable.

JS Code

/*
  You can implement an ability to edit treetable cells. 
  Click on a cell to start editing its text. 
*/

webix.ready(function(){
  grid = webix.ui({				
    view:"treetable",
    columns:[
      { id:"id",	editor:"text", header:"", css:{"text-align":"right"},  	width:50},
      { id:"value",	editor:"text", header:"Title",	width:250,
       template:"{common.treetable()} #value#" },
      { id:"state",	editor:"text", header:"State",	width:100},
      { id:"hours",	editor:"text", header:"Hours",	width:100}
    ],
    
    editable:true,
    autoheight:true,
    autowidth:true,
    url: "https://docs.webix.com/samples/server/projects"
  });
});