JSFiddle - React, Tailwind, and code Playground

by kodjoe mambi

HTML

<table>
    <tr><td>title</td></tr>
    <tr><td><div class="details">DETAILS</div></td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
    <tr><td>asd</td></tr>
   ...

CSS

.details {
    background-color: grey;
    border: 1px solid black;
}

JavaScript

var $details = $(".details"),
	detailsPos = $details.position().top;
$(window).on("scroll", function() {
    if ($(window).scrollTop() > detailsPos)
        $details.css("position", "fixed").css("top",10);
    else
        $details.css("position", "relative");
});