JSFiddle - React, Tailwind, and code Playground

HTML

<table cellpadding="0" cellspacing="0" border="1" width="100%">
									<thead>
										<tr>
											<th>ÜRÜN</th>
											<th>ADEDİ</th>
											<th>TUTAR</th>
											<th>ÖDENEN TUTAR</th>
											<th>MUALLAK TUTAR</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<td>90 - Dask</td>
											<td>2</td>
											<td>133</td>
											<td>2347630</td>
											<td>2347630</td>
										</tr>
										<tr>
											<td>95 - Dask</td>
											<td>4</td>
											<td>140</td>
											<td>234699</td>
											<td>234699</td>
										</tr>
										<tr>
											<td>90 - Dask</td>
											<td>2</td>
											<td>133</td>
											<td>2347630</td>
											<td>2347630</td>
										</tr>
										<tr>
											<td>95 - Dask</td>
											<td>4</td>
											<td>140</td>
											<td>234699</td>
											<td>234699</td>
										</tr>
										<tr>
											<td>90 - Dask</td>
											<td>2</td>
											<td>133</td>
											<td>2347630</td>
											<td>2347630</td>
										</tr>
										<tr>
											<td>95 - Dask</td>
											<td>4</td>
											<td>140</td>
											<td>234699</td>
											<td>234699</td>
										</tr>
                                        
										<tr>
											<td>90 - Dask</td>
											<td>2</td>
											<td>133</td>
											<td>2347630</td>
											<td>2347630</td>
										</tr>
										<tr>
											<td>95 - Dask</td>
											<td>4</td>
											<td>140</td>
											<td>234699</td>
											<td>234699</td>
										</tr>
										<tr>
											<td>90 - Dask</td>
											<td>2</td>
											<td>133</td>
											<td>2347630</td>
											<td>2347630</td>
										</tr>
										<tr>
											<td>95 - Dask</td>
											<td>4</td>
											<td>140</td>
											<td>234699</td>
											<td>234699</td>
										</tr>
										<tr>
											<td>90 -...

CSS

th {background-color:#00F;}
body { margin:0; }
table { width: 100%; }
th,td {  width: 20%; }
thead { top:0; }

JavaScript

$(document).ready(function() {
   var theadH = $('thead').outerHeight(true);
   $(window).scroll(function() {
       var scrollVal = $(this).scrollTop();
        if ( scrollVal > 0 ) {
            $('thead').css({'position':'fixed'});
            $('tbody').css({'margin-top': theadH +'px'});
        } else {
            $('thead').css({'position':'static'});
            $('tbody').css({'margin-top': '0px'});
        }
    });
 });