A Simple Angular Material TreeTable Component Library

TreeTable component uses Angular material to make table rows collapsible and expandable just like a tree.

angular material tree table example, tree table angular material, ng material treetable, angular material tree examples, angular material tree with dynamic data

A Draggable Sortable Nested Tree Component Library | he-tree-vue

How to make use of it:


npm i ng-material-treetable --save

1. Be sure to install the corner material packages.

npm i @angular/material @angular/cdk @angular/animations --save

2. Import the main module.

import { TreetableModule } from 'ng-material-treetable';

  imports: [
export class AppModule { }

3. Use the component in your template.

<treetable [tree]="yourTreeDataStructure"></treetable>

4. Finally, be sure to import the required material icon font in styles.css.

@import url('https://fonts.googleapis.com/css?family=Roboto:400,700|Material+Icons');

Material Tree Table Component, Angular Material TreeTable Component Plugin/Github, angular tree table example

See Demo And Download

Official Website(mlrv): Click Here

This superior jQuery/javascript plugin is developed by mlrv. For extra advanced usage, please go to the official website.

Related Posts


A Simple Searchable Select Dropdown Plugin | jQuery Select Search

Simple jQuery search on the selection options plugin for your website. Next, there is a checkbox replacement plugin that refines and beautifies the original selection element with…


A Quick jQuery-Based Country Picker With Flags | Country Select JS

Country Select JS is a jQuery plugin to select a country, based on the international phone input plugin. Adds a flag dropdown to any input, which lists…


Simple and Fast Autocomplete and Typeahead Javascript Library | autoComplete.js

autoComplete.js is a simple, pure, and incrementally designed JavaScript library for speed, high versatility, and seamless integration with a wide variety of projects and systems. Features Pure…


Bootstrap Notification Message Alert Plugin with jQuery

BootstrapMsg is a jQuery plugin for displaying messages with Bootstrap alert classes to generate hierarchical in-page navigation for an extended webpage sectioned by heading components. Using Bootstrap…


jQuery Plugin for Transforming HTML Tables Into Charts Using Google Charts

Chartinator is a jQuery plugin for converting HTML tables, Google Sheets and js arrays into charts using Google Charts. Use data from HTML tables Chartinator is designed…


Customizable & Composable Charts for VueJS | vue-wcharts

WCharts is a library that makes it easy to create your own charts using Vuejs. You can easily create reusable chart components. Use a basic layout or…