You have not posted any code to see why one works and the other does not. Nor have you explained how the "responsive capability" works other than "overflowing its container".
Blazor output is Html & Css. JQuery/Javascript (JS) also uses Html & Css. So the solution should be identical. If works, then Blazor should too.
It sounds like you are using a 3rd-party JQuery-enabled DataTables like this one:
DataTables | Table plug-in for jQuery[
^] ... this too outputs html and uses css.
If you open the web browser dev tools, you and inspect how it builds its datatables and the css it uses. You can then mimic the output with the
ASP.NET Core Blazor QuickGrid component[
^].
Alternatively, you could use your own html & css with the
ASP.NET Core Blazor QuickGrid component[
^]. Here is a video on working with responsive tables:
How to create a responsive HTML table - YouTube[
^]
Submit an article or tip