JSFiddle - React, Tailwind, and code Playground

by zainshaikh

HTML

<div class="rhsvw scrt" style="padding:8px 0 16px"><div style="height:0"><div class="scrt-ts" style="opacity: 0; "></div></div><table class="rhsvw"><tbody><tr><th class="ellip" style="color:#000;font-weight:bolder;width:40%">Song</th><th class="ellip scrt-cc" style="color:#000;font-weight:bolder;width:20%">Year</th><th class="ellip rhsg3" style="color:#000;font-weight:bolder;width:40%">Album</th></tr></tbody></table><div class="scrt-ic" style="max-height:135px"><table class="rhsvw"><tbody><tr class="kno-fb-ctx"><td class="ellip" title="Yaar Ko Hamne Ja Ba Ja Dekha" style="width:40%"><span class="krable" data-ved="0CJoBELcQKAA" style="padding-right:5px"></span><a href="/search?hl=en&amp;rlz=1C1AVSC_enPK460PK460&amp;q=abida+parveen+yaar+ko+hamne+ja+ba+ja+dekha&amp;stick=H4sIAAAAAAAAAGOovnz8BQMDgy4HsxCXfq6-gWG2YUlhthKYnZJXZJJjpCXoW1qcmexYVJJZXBKSH5yflz6PLfq-9xr7ij_3H2ZV35ppo2vb7gwAbjojPUoAAAA&amp;sa=X&amp;ei=eaVqUMSlKIftrQfToICgCg&amp;ved=0CJsBEMQNMBE" class="fl">Yaar Ko Hamne Ja Ba Ja Dekha</a></td><td class="ellip scrt-cc" title="2000" style="width:20%">2000</td><td class="ellip rhsg3" title="Raqs-E-Bismil" style="width:40%">Raqs-E-Bismil</td></tr><tr class="kno-fb-ctx"><td class="ellip" title="Songs of the Mystics/Kaafi" style="width:40%"><span class="krable" data-ved="0CJwBELcQKAE" style="padding-right:5px"></span><a href="/search?hl=en&amp;rlz=1C1AVSC_enPK460PK460&amp;q=abida+parveen+songs+of+the+mystics+kaafi&amp;stick=H4sIAAAAAAAAAAFKALX_AHvTx-gAAAAtCAMSCi9tLzAxazF0cWsiClQgMTIwMTIyMDkqEU11c2ljQXJ0aXN0VG9Tb25ndaf05KMlufbexze4OvaWp0iiSstpLoRrSgAAAA&amp;sa=X&amp;ei=eaVqUMSlKIftrQfToICgCg&amp;ved=0CJ0BEMQNMBE" class="fl">Songs of the Mystics/Kaafi</a></td><td class="ellip scrt-cc" title="" style="width:20%"></td><td class="ellip rhsg3" title="" style="width:40%"></td></tr><tr class="kno-fb-ctx"><td class="ellip" title="Songs of the Mystics/Kaafi" style="width:40%"><span class="krable" data-ved="0CJwBELcQKAE" style="padding-right:5px"></span><a...

CSS

::-webkit-scrollbar {width: 8px;height: 16px;}
::-webkit-scrollbar-thumb {min-height: 28px;padding-top: 100px;background-clip: padding-box;background-color: rgba(0, 0, 0, .2);-webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .10),inset 0 -1px 0 rgba(0, 0, 0, .07);}
::-webkit-scrollbar-button {height: 0;width: 0;}
::-webkit-scrollbar-track:vertical{background-color:#f5f5f5;margin-top:2px}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}