Home
Treebeard is a hierarchical grid that is built with the Mithril Javascript Framework.
Treebeard is great for modeling file tree systems that can manage and organize files and folders. With its Mithril backend, many of the processes of Treebeard are very fast and easily extendable. The process of creating your own hierarchical grid is very intuitive and users can easily control how simple or complex their grids are just by adjusting a set of options. Check out the rest of our documentation for detailed instructions on how to customize Treebeard options.
- Optimized views : Whether you have 20 items or 200,000; Treebeard will display and work with your data without any noticable delays.
- Built in Support for Dropzone : Since file upload is common to folder views dropzone is integrated into Treebeard.
- Notifications and Modals : Treebeard comes with its own row notification and internal modals that appear inside your Treebeard container.
- Extendable : You can change almost any area of Treebeard and make it work for you with strong callback system without touching the source code.
- Themeable : Adjusting treebeard styles will allow you to completely change the look of treebeard. You can also use your own icons for files and folders.
Read up on how to install Treebeard at Quickstart Page:
<li><a href="https://github.com/caneruguz/treebeard/wiki/Quickstart">Quickstart</a></li>
<li>
<a href="https://github.com/caneruguz/treebeard/wiki/Options">Options</a>
<ul>
<li><a href="https://github.com/caneruguz/treebeard/wiki/divID">divID</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/filesData">filesData</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/rowHeight">rowHeight</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/paginate">paginate</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/paginateToggle">paginateToggle</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/uploads">uploads</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/multiselect">multiselect</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/columnTitles">columnTitles</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/resolveRows">resolveRows</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/hoverClass">hoverClass</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/showFilter">showFilter</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/title">title</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Drag-and-Drop-options">Drag and Drop</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/sortButtonSelector">sortButtonSelector</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/onfilter">onfilter</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/onload">onload</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/togglecheck">togglecheck</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/onfilterreset">onfilterreset</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/createcheck">createcheck</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/oncreate">oncreate</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/deletecheck">deletecheck</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/ondelete">ondelete</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/addcheck">addcheck</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/onadd">onadd</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/onselectrow">onselectrow</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/onmouseoverrow">onmouseoverrow</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/ontogglefolder">ontogglefolder</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/resolveIcon">resolveIcon</a></li>
</ul>
</li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Item-API">Item API</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Treebeard-API">Treebeard API</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Modal">Modal</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Notify">Notify</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/using-dropzone">Using Dropzone</a></li>
<ul>
<li><a href="https://github.com/caneruguz/treebeard/wiki/resolveUploadUrl">resolveUploadUrl</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/resolveLazyloadUrl">resolveLazyloadUrl</a></li>
</ul>
<li><a href="https://github.com/caneruguz/treebeard/wiki/Styling-the-Grid">Styling the Grid</a></li>
<li><a href="https://github.com/caneruguz/treebeard/wiki/FAQs">FAQs</a></li>