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.
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 | -- |