Render table component with 500 rows block browser?

I have a component which render 500+ data into a HTML table rows

It take almost 3 seconds to render and the browser is completed blocked.

I cannot use pagination because the client want it excel-like and it is a static site.

Is there a way to solve this issue? For example create a loading state before the component is rendered?