Tags in Dash Datatable

[kritikaaaa]

Trying to recreate the Tags (Success Metric in the image) from Notion in Dash using dbc, Dash Datatable and pd Dataframe.

I currently have a pd Dataframe with multiple rows consisting of products, many of them repeated across the rows. My attempt is to convert these product names to tags for easy filtering using dropdowns and also for the UI.

By appending all the products to a single list and removing any duplicates, I am able to create a dropdown outside the datatable which interacts with the table using callbacks. But I have yet not been able to recreate the badge look provided in Notion. Right now, all my products are printed in a column as a single sentence separated only by commas, which is not at all intuitive to read.

Does anyone have a clue how could I recreate such a table in Dash, either with Dash Datatable or a Pandas Dataframe?

[jcuypers]

Dash mantine components (badge) and markdown for the datatable?

[jinnyzor]

Might be able to try something similar to this:

spaCy natural language processing with Dash

spaCy is a popular natural language processing library that provides advanced features for tokenization, part-of-speech tagging, and dependency parsing. The spaCy docs on Visualizers shows how to use spaCy with Jupyter notebooks and other frameworks, but doesn’t show how easy it is to use with Dash. Here are the missing docs! If you create something cool - please post it in show-and-tell, or add your example here! Using spaCy natural language processing with Dash 1. Visualizing th…

The main thing being to dangerously_allow_html in the markdown, which would allow for converting raw html to the tags.

[debjit]

Hi @kritikaaaa
I am trying to do this same thing as well.
Were you able to figure it out?