Layout rendering mismatch with tables on mobile

[RobDaPraia]

Layout rendering mismatch with tables on mobile

When using tables with long content, the rendering on mobile is mismatched. The navbar is shrinked to show the full table width, see attached screenshot. On Desktop the effect is not so dramatic, you get a horizontal scrollbar on the bottom of the page

Functional impact

Page looks 'not good' on mobile when using tables

Minimal repro steps

Create DocFx from attached project and open site on mobile

DocFx.zip

Expected result

Navbar full width on mobile, responsive table on mobile

Actual result

Screen is resized to accommodate the full width of the table

Further technical details

An option would be to make the tables responsive by the following html code.

Or can we easily add the "div class="table-responsive"" by a custom template?

<div class="table-responsive">
<table>
...
</table>
  </div>

In the attached screenshots you can see how the responsive table looks (the lower table)

[superyyrrzz]

Same with #2024. Resolved in #2084 since v2.25.