---
title: "Discussion on \"Organize Your Articles With Our New Table of Contents Feature\" | Hashnode"
description: "Discussion on \"Organize Your Articles With Our New Table of Contents Feature\". Your Hashnode-powered blog can now auto-generate a table of contents for your articles to help readers find exactly what they need."
url: "https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c"
---

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

Discussion

# [Organize Your Articles With Our New Table of Contents Feature](https://townhall.hashnode.com/table-of-contents-feature?utm_source=hashnode&utm_medium=feed)

Your Hashnode-powered blog can now auto-generate a table of contents for your articles to help readers find exactly what they need.

Nov 30, 2021 · 3 min read · townhall.hashnode.com  
Read the article

-   [#hashnode](https://hashnode.com/tag/hashnode)

## Written by

[Sycamore](https://hashnode.com/@tanoaksam)

@tanoaksam

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

## Responses 31

Markdown supported · ⌘↵ to post

[BlueSide\_StrongSide](https://hashnode.com/@BsSs)

[Jun 20, 2023](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/649227a568231d2c9f3305ab)

Need more examples of creating the table in 2023. I cant locate the sidebar mention in this article.

[Arman](https://hashnode.com/@arman007)

[Apr 29, 2023](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/644d5a6abfb233b3b6e2ae76)

it was really helpful , as i was thinking to apply this in my article.

[Phạm Đức Tài](https://hashnode.com/@littlesnow)

[Nov 28, 2022](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/63846ddc8224061c39ae72eb)

awesome <3

[James Junior](https://hashnode.com/@james246)

[Sep 27, 2022](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/63335d6afa20fa4bc8e5069d)

Really helpful

[xuanling11](https://hashnode.com/@xuanling11)

[Apr 4, 2022](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/624a3d9c4b4dde0dc0be9387)

I like it and helps me to learn the subject.

[Kerollos Ragaie](https://hashnode.com/@kerollosragaie)

[Dec 23, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61c433ed0baaeb4b1e495402)

Awesome feature.

[Alexandre Nedelec](https://hashnode.com/@TechWatching)

[Dec 8, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61b07783079fa33c08610bda)

Great but currently does not support special character like &. Moreover it would be great to be able to collapse it and maybe collapse it by default.

[Tamme Schichler](https://hashnode.com/@Tamme)

[Dec 6, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61adeb934389d636ce8b9651)

This feature currently doesn't work well for me, as I tend to write long-form posts with a larger amount of headings. The generated table of contents would take up the entire screen in that case, unfortunately.

I'd fix it with CSS, but the one person I got to sign up here didn't use my referral link, so unfortunately it's not an option for me 😅

It would be really cool if you could make it (optionally) collapsed by default as plain sticky element (like how it appears when you scroll down), or better yet could instead display it off to the side while the page is wide enough.

---

A few notes about the current implementation:

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1638787469803/XrVQ0Ywzd.png) There's currently a styling bug where some of the clickable header styling still applies even while the list is always-visible, like the pointer cursor and "button" here.

It would also be great if, instead of using nested `<div>`s, you could use a `<nav>` and `<details>` element. That would work without JavaScript and is better for accessibility by default (though since you'd have multiple `<nav>`s then, please consider [labelling them](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements#labeling_section_content)).

[Cess](https://hashnode.com/@Cesscode)

[Dec 6, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61ad5b21b6bca85a26d3ed39)

this is beautiful... wow

[RAMESH CHANDRA POLA](https://hashnode.com/@Rameshchandra)

[Dec 5, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61ac58cab6bca85a26d3dc37)

Amazing feature. Thanks for adding hashnode.

[Andrew Baisden](https://hashnode.com/@andrewbaisden)

[Dec 4, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61aba15ea375fb2266f3d0f3)

Thanks so much this feature is going to be game changing 🥳

[Palash Mondal](https://hashnode.com/@iampalash)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a8854f1e28ee7efba8c25f)

Awesome feature! 🎉

Thank you, Hashnode!

[Bolarinwa Ajayi](https://hashnode.com/@BeeC00des)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a87d15be456923c52bcbf8)

Awesome feature. I will use it in my next article.

[Sandro Volpicella](https://hashnode.com/@SandroVolpicella)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a87590be456923c52bcb1e)

Awesome feature! I just used it on my latest article and love it 🥰

[Eda](https://hashnode.com/@edaa)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a873bf1e28ee7efba8c0ef)

love this, def will be using it!!

[Kaushal Joshi](https://hashnode.com/@kaushal-joshi)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a8655dbe456923c52bc985)

This would really help in engagement for long articles!

Thanks for the feature 🎉🦄

As [Savio Martin](https://hashnode.com/@saviomartin) said, having a smooth scroll behaviour would make it better.

[Gaurang](https://hashnode.com/@gsdev)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a85175be456923c52bc7b2)

Absolute 🔥 🔥 🔥 🔥

[Rajat Kumar Gupta](https://hashnode.com/@knightcube)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a843cdbe456923c52bc71b)

Where can I find this feature?

[Rajat Kumar Gupta](https://hashnode.com/@knightcube)

[Dec 2, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a843cdbe456923c52bc71b#reply-61a8442b1e28ee7efba8bd45)

Nevermind. Found it.

[Vincent Tsen](https://hashnode.com/@vtsen)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a7e86a1e28ee7efba8ba12)

It would be nice if we have option to exclude certain header (for example h3) from the table of content.

[Kamil Gierach-Pacanek](https://hashnode.com/@Asentinn)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a7dce6be456923c52bc337)

Oh my god, finally I won't have to make it on my own every time :D

`[blog.cyberethical.me/single-click-toc](https://blog.cyberethical.me/single-click-toc)`

[Ayesha Sahar](https://hashnode.com/@IAyeshaSahar)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a7974b4b0b9223386b9576)

This feature is awesome🔥

[Chris Bongers](https://hashnode.com/@dailydevtips)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a744524b0b9223386b8eb7)

That's pretty awesome! 🎉

[Savvas Stephanides](https://hashnode.com/@savvasstephanides)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a73f444b0b9223386b8e3e)

Such a great feature! Thank you Hashnode team! This will definitely make longer posts easier to navigate!

[Waren Gonzaga](https://hashnode.com/@warengonzaga)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a73b1b4b0b9223386b8de1)

Looks like I'm writing an article or blog from GitHub's Markdown README. 😁

[Favourite Jome](https://hashnode.com/@Favourite)

[Dec 1, 2021](https://hashnode.com/posts/table-of-contents-feature/61a695294b0b9223386b838c/comment/61a72b4bbe456923c52bb4b0)

Thanks for the wonderful feature Hashnode Team!
