ExtColumnView

About Fancytree 'Column View' extension.

• Status: experimental
• example

The ext-columnview extension renders the node structure in parent/child columns, as know from the macOS 'column view' finder mode.

Note: Only one (or no) child per parent node may be expanded at any time. The initial source data should follow this restriction.

Options

• n.a.

Events

• n.a.

Methods

• n.a.

Example

In addition to jQuery, jQuery UI, and Fancytree, include jquery.fancytree.columnview.js:

  <script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
  <link href="skin-win8/ui.fancytree.css" rel="stylesheet">
  <script src="js/jquery-ui-dependencies/jquery.fancytree.ui-deps.js"></script>
  <script src="js/jquery.fancytree.js"></script>
  <script src="js/jquery.fancytree.columnview.js"></script>

$("#tree").fancytree({
  extensions: ["columnview"],
  columnview: {
  },
  ...
});

Recipes

[Howto] ...