pauliescanlon / gatsby-remark-sticky-table Goto Github PK

Hi @PaulieScanlon , thx for open-sourcing this plug-in, looks really nice!

I'm a total newbie to web, React and Gatsby, excuse me if I'm asking stupid questions.
I have a markdown page transformed by remark, where a table has some cells using the Github stars badge with this syntax:
[![GitHub stars](https://img.shields.io/github/stars/Naereen/StrapDown.js.svg?style=social&label=Star&maxAge=2592000)](https://GitHub.com/Naereen/StrapDown.js/stargazers/)
which I copied from here.

Without applying sticky-table, the cell works fine for showing the badge, but the table has no borders rendered.
(I suppose this is due to gatsby-transformer-remark 's bug since it's supposed to support Github style? or it needs extra css to work!?)
Now after applying sticky-table, the cell rendered into text "GitHub stars".

Is this somewhat a missed corner case in sticky-table's code? Any plan to patch if so?
(I would have try to write a fix and do PR if I were capable, but since I'm so new to web...)
Or is there a work-around I can apply in my code base?

@Sivabalaa has created a demo repo showing the sticky table just not working at all.
SampleGatsByiOSTree : https://github.com/Sivabalaa/SampleGatsByiOSTree

There could be a number of reasons for this. Perhaps the first port of call will be to investigate the versions of gatsby and gatsby-transformer-remark and / or try to determine if any of the other plugins in gatsby-config are causing a conflict.