JSFiddle - React, Tailwind, and code Playground

by ilyasse

HTML

<div id="parentDiv">
    <div id="fixedDiv">	
		<table id="fixedTable" style="width: 1000px;border:1px solid black;">
			<tbody>
				<tr>
					<td style="width:20%">1400</td><td style="width:20%">1400</td>
					<td style="width:20%">1400</td><td style="width:20%">1400</td>
					<td style="width:20%">1400</td>
				</tr>
			</tbody>
		</table>
	</div>
	<div id="realDiv">	
			<table style="width: 1000px;">
				<tbody>
					<tr><td style="width:20%">1400</td><td style="width:20%">1400</td><td style="width:20%">1400</td><td style="width:20%">1400</td><td style="width:20%">1400</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td><td style="width:20%">100</td></tr>
					<tr><td style="width:20%">100</td><td style="width:20%">100</td><td...

CSS

#fixedDiv{
   z-index:20;
   position:fixed;    
}

#parentDiv{    
    height: 200px; 
    width: 300px; 
    position: relative;
    overflow:auto;
}

#realDiv{
     position:relative;
}