JSFiddle - React, Tailwind, and code Playground

by tymeJV

HTML

<table border="1px" id="view_table">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td id="cur">here is center</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>

JavaScript

cur_window_height = $(window).height();
cur_window_width = $(window).width();
full_width = cur_window_width * 3;
full_height = cur_window_height * 3;

$('body').css({'width':full_width, 'heigth':full_height});
$('#view_table').css({'width':full_width, 'height': full_height});

$('#cur').scrollTop(cur_window_height);
$('#cur').scrollLeft(cur_window_width);