UI-Grid Tree Base
The tree base plugin for UI-Grid provides base tree handling functions that are shared by other plugins, notably grouping and tree-view. It provides a tree view of the data, with nodes in that tree and leaves.
This plugin is unique in the sense that it is rarely, if ever, used by itself. It is more of a building stone.
You can install
npm i --save @ui-grid/tree-base
Once you install you need to load the respective JS and CSS files as seen bellow:
<link rel="stylesheet" href="/node_modules/@ui-grid/core/css/ui-grid.min.css" type="text/css"> <link rel="stylesheet" href="/node_modules/@ui-grid/tree-base/css/ui-grid.tree-base.min.css" type="text/css"> <script src="/node_modules/@ui-grid/core/js/ui-grid.core.min.js"> <script src="/node_modules/@ui-grid/tree-base/js/ui-grid.tree-base.min.js">
Alternatively, if you are using Webpack or RequireJS to load your dependencies, you can do the following at the top of the file that needs it:
Once you load the file, you need to include 'ui.grid.treeBase' module in your angularJS app's dependencies.
angular.module('myApp', [ 'ui.grid', 'ui.grid.treeBase' ]);
Documentation for this plugin is provided in the api documentation.