HtmlTable Tree View

The table below will appear to be a tree view table immediately, even before scripts are loaded. It will become interactive once the scripts have loaded. You should be able to click a section's expand arrow to expand it. Keys should work - up and down to navigate, shift + up and down to multiselect, left and right to collapse and expand sections.

Use <tr class="table-tr-selected"> to select a row by default. The table should have a class selectable. For example, the row containing San Francisco should be selected by default.

Name Date Modified Size
Documents Jul 10, 2010 1:39pm --
Resume.pdf Jul 10, 2010 1:39pm --
notes.txt Jul 10, 2010 1:39pm --
Receipts Jul 10, 2010 1:39pm --
starbucks.txt Jul 10, 2010 1:39pm --
safeway.txt Jul 10, 2010 1:39pm --
movies.txt Jul 10, 2010 1:39pm --
Taxes Jul 10, 2010 1:39pm --
2008 Taxes.pdf Jul 10, 2010 1:39pm --
2009 Taxes.pdf Jul 10, 2010 1:39pm --
2010 Taxes.pdf Jul 10, 2010 1:39pm --
Pictures Jul 10, 2010 1:39pm --
Baby.jpg Jul 10, 2010 1:39pm --
Bar.txt Jul 10, 2010 1:39pm --
Foo.txt Jul 10, 2010 1:39pm --

The table below will turn into a treeview on startup. Unlike the table above, none of its rows are hidden on load but only after the HtmlTable filter is applied. Both will appear the same to you, though this one will take longer to build.

Name Date Modified Size
Documents Jul 10, 2010 1:39pm --
Resume.pdf Jul 10, 2010 1:39pm --
notes.txt Jul 10, 2010 1:39pm --
Receipts Jul 10, 2010 1:39pm --
starbucks.txt Jul 10, 2010 1:39pm --
safeway.txt Jul 10, 2010 1:39pm --
movies.txt Jul 10, 2010 1:39pm --
Taxes Jul 10, 2010 1:39pm --
2008 Taxes.pdf Jul 10, 2010 1:39pm --
2009 Taxes.pdf Jul 10, 2010 1:39pm --
2010 Taxes.pdf Jul 10, 2010 1:39pm --
Pictures Jul 10, 2010 1:39pm --
Baby.jpg Jul 10, 2010 1:39pm --
Bar.txt Jul 10, 2010 1:39pm --
Candy Jul 10, 2010 1:39pm --
Snickers.txt Jul 10, 2010 1:39pm --
Foo.txt Jul 10, 2010 1:39pm --