---
title: "Discussion on \"How To Implement Heatmap In Tables Using Directives In Angular\" | Hashnode"
description: "Discussion on \"How To Implement Heatmap In Tables Using Directives In Angular\". Let's see how easy it is to add heatmaps to tables in Angular using Directives. We'll go for a really simple and elegant solution to have separate heatmap colors to different columns in the table.\nAs I always say, Directives are a really powerful fea..."
url: "https://hashnode.com/posts/how-to-implement-heatmap-in-tables-using-directives-in-angular/616592d818374f2573276443"
---

[Feed](https://hashnode.com/feed) /

Discussion

# [How To Implement Heatmap In Tables Using Directives In Angular](https://sreyaj.dev/how-to-implement-heatmap-in-tables-using-directives-in-angular?utm_source=hashnode&utm_medium=feed)

Let's see how easy it is to add heatmaps to tables in Angular using Directives. We'll go for a really simple and elegant solution to have separate heatmap colors to different columns in the table. As I always say, Directives are a really powerful fea...

Oct 12, 2021 · 8 min read · sreyaj.dev  
Updated Dec 14, 2021  
Read the article

-   [#angular](https://hashnode.com/tag/angular)
-   [#typescript](https://hashnode.com/tag/typescript)
-   [#web-development](https://hashnode.com/tag/web-development)
-   [#javascript](https://hashnode.com/tag/javascript)

## Written by

[Adithya Sreyaj](https://hashnode.com/@adisreyaj)

@adisreyaj · Kerala, IN

  
[View profile](https://hashnode.com/@adisreyaj)

Full stack dev ✨

Full stack web developer with main focus in Angular and NodeJs. Loves creating blogs, a side projects when I can find time.

## Responses 1

Markdown supported · ⌘↵ to post

[Avinash Dalvi](https://hashnode.com/@AvinashDalvi)

[Oct 13, 2021](https://hashnode.com/posts/how-to-implement-heatmap-in-tables-using-directives-in-angular/616592d818374f2573276443/comment/6166425253401f641ba14782)

Nicely explained. [Adithya Sreyaj](https://hashnode.com/@adisreyaj)

[Adithya Sreyaj](https://hashnode.com/@adisreyaj)

[Oct 13, 2021](https://hashnode.com/posts/how-to-implement-heatmap-in-tables-using-directives-in-angular/616592d818374f2573276443/comment/6166425253401f641ba14782#reply-6166564918374f257327703c)

Thanks ✌️