I'd like to create a treeview with columns as part of the node template. Essentially, I have supplemental data that I want displayed along with the treeview so that the data lines up in columns after the initial node text. I'm using the Kendo treeview because I need to be able to reorder the items easily using the drag and drop the treeview provides.
I've tried many methods to position the additional data in columns using a Kendo treeview template, but regardless of what I try, the columns to the right of the node are always displayed relative to the node itself; I can't get them to line up. A grid really isn't a good solution for me because I lose the drag and drop and it really isn't hierarchical in nature, anyway. I've also tried displaying a grid next to the tree, but that causes tons if issues with sync'ing and lining up the rows, not to mention having to flatten the hierarchical dataset each time I refresh or make a change.
Any ideas how I can create a treeview that has columnar data as part of the node template that aligns correctly? Here's a jsFiddle with a couple examples of what I'm trying to do: http://jsfiddle.net/trentballew/oc9qsnyc/