@ui-grid/tree-base

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.

Getting Started

You can install @ui-grid/tree-base via:

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:

require('@ui-grid/core');
require('@ui-grid/tree-base');

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'
]);

Example

This plugin is being used in both grouping and tree-view, so you should visit those pages for examples of it in action.

API Documentation

Documentation for this plugin is provided in the api documentation.

Issues

You can find issues that are specific to this UI-Grid plugin by looking for the label grid-tree-base in the ui-grid github issues page.

License

MIT

Changelog

4.10.0 (2021-02-01)

Bug Fixes

• tree-base: grouping showing duplicate rows (685d3c7)
• tree-base: if parent exists in cache (cf7a5bc)

Features

• 🎸 add 'aria-expanded' to expand buttons for accessibility (2677f67)

Reverts

• Revert "chore: update changelog" and "chore: Release v4.9.2" (3a4a27f)