when you add rows to a node with loadbranch, the indents aren't done at it looks like the rows belong to the root node. you have to use 3.0.0 with the loadbranch function from 3.0.1

i did this because in 3.0.1 the event onnodeexpand didn't work anymore.

Hello! I have a problem with alignment in the next line. Only the first line is well alignment. I wish it was like in the attached picture:

Does anyone have any idea? Thx

Hello,

I have installed jquery treetable plugin in to my project, It is working excellent in Chrome, Firefox, but when it comes to IE it is just displaying the data as normal rows rather than showing in Tree View. I have installed this Jquery file in my project which is using MVC C#. Do we have any fix for this? Please do help me.

I also do some changes in jquery.treetable.js specified in #66, but it doesn't help. It is still showing like a normal table rather than a tree table. Any other suggestions?

Thanks in advance.

Great widget! I'm trying to use this to implement something on a deadline, so hopefully you will be able to respond quickly.

Here's what I'm trying to do:

var foo = "asdf";
var row = "6"; // assume I have a more elegant way of calculating the row number :-)
var html_row = "<tr data-tt-id=\"" + row + "\"><td>" + foo+ "</td><td></td></tr>";
var newRow = jQuery(html_row);
// I don't know what this does, but I saw it in a sample somewhere and it looked important :-)
var cquoi = jQuery(newRow[0]);
// Add new root node
jQuery('.myTableTree').treetable("loadBranch", null, cquoi);
var newNode = jQuery('.presentationsTree').treetable("node", row);
// Build HTML for child of new root
var streamsHtml = "<tr data-tt-id=\"" + (row + 1) + "\" data-tt-parent-id=\"" + row + "\"><td>Streams</td><td></td></tr>";
var streamsRow = jQuery(streamsHtml);
cquoi = jQuery(streamsRow);
// add new "Streams" node as child of "asdf" node
jQuery('.myTableTree').treetable("loadBranch", newNode, cquoi);

When I do this, the new table rows show up, but they have no tree table behavior. There isn't an expand/collapse icon, the rows are not selectable (I'm using the example from your site to show row selection), and clicking does not cause expanding or collapsing. See how there is no triangle icon next to "asdf".

What am I missing?

Hello, I'm using treetable 3.0.1 (and jquery 1.8.3) in combinaison with the java web application framework Wicket 1.5 This framework can be started in 2 modes : development and deployment mode. In development mode, the resulting html pages contains a lot of "wicket:" tags and tag attributes (that don't show up in deployment mode). Sadly, the treetable plugin doesn't work correctly using internet explorer 8 and Wicket in development mode.

I've attached a zip file containing 2 web pages saved using internet explorer 8 (with anonymised data). The "deployment mode.htm" page will work correctly using internet explorer 8, but the "development mode.htm" won't work. No problem so far using Chrome and Firefox.

Hope my english is not too bad :)

Thierry.

PS : Change the attached file extension from ".jpg" to ".zip"

I'm currently using treetable to create folders and adding them to other folders.

I use loadBranch function but it seems that it doest not refresh the view after adding rows.

Plus, I would like to know if it would be possible to add a row on the root ? I didn't find a solution to do it.

It would be nice to have some of the children lazy loaded when the parent is expanded for the first time. I imagine having the expander image being changed for a loading image until the child elements are retrieved.

At the moment I use a child row with the "loading" legend that when its visible triggers an ajax query and its replace by the content as soon as its retrieved.

Add support so rows could be sorted clicking on the columns, maybe with the help of a user-defined sorting function (in the same way the sort() function works) on each sort-capable column. This would require that internally the plugin generates a tree structure storing the hierarchy of the rows but also this tree structure would be used so rows could be added randomly so the requeriment of rows being inserted in order would be deprecated.

In my previous pull I forgot the css changed done by the drupal issue.

Your issue : https://github.com/ludo/jquery-treetable/issues/27

Drupal issue http://drupal.org/node/922022

Drupal patch http://drupal.org/node/922022#comment-5252390

Expander no longer uses margin-left (Resolved issue #2 and/or #9).
Added treeTableRow method which allows initializing new rows added to the table. This change required Expander to only be added the first time.

Would it be possible to implement a feature where you can change the order of different rows?

For example in http://ludo.cubicphuse.nl/jquery-treetable/ under "Complex Tree With Drag and Drop" I would like to be able to drag the "iPhone SDK License.rtf" and drop it right under "Acknowledgements.rtf".

Just like how the "sortable" works in jQuery.

Thanks a bunch in advance!

The version on NPM is 3.2.0-1 which has https://github.com/ludo/jquery-treetable/blob/3.2.0/jquery.treetable.js#L181 commented which is not the case in master.

This commented is causing a bug which is resulting in the collapsed entries not getting expanded.

@ludo Can you please remove that version or make a new version with the fix?

As the titles saym I see 404 errors for all of the UI components on your examples page. As a result, drag-and-drop does not work. Looks good though. Thanks.

Below is the code I have written for loading tree data settings.init(function (_data) { var data = _data; settings.data = data; for (var i = 0; i < _data.length; i++) { var row = { id: data[i].Id, level: data[i].Level, pid: data[i].PId, name: data[i].Name, taskType: data[i].TaskType, startDate: data[i].StartDate, endDate: data[i].EndDate }; var treenode = generateTreeNode(dom_table, row, row.level); treeData[row.id] = row; } });

I have issue while initializing the tree data. On initializing, parent sub-nodes check is not working. parentDom.parent().find(".class-level").length always gives me length 0 even if it is a parent node

this is the code I wrote on initialize: settings.onInitialized(function (_data) { settings.selectData = _data.TaskTypes; var data = _data.ProjectTasks; for (var i = 0; i < data.length; i++) { var row = { id: data[i].Id, level: data[i].Level, pid: data[i].PId, name: data[i].Name, taskType: data[i].TaskType, startDate: data[i].StartDate, endDate: data[i].EndDate }; var treenode=generateTreeNode(dom_table, row, row.level); treeData[row.id] = row; var expendIcon = dom_table.find("li.j-expend"); if (expendIcon.parent().attr("data-loaded")) { //toggleicon($(expendIcon)); //toggleExpendStatus(expendIcon, treenode); } } settings.bindDropDown(); });

Please suggest