Wide tables overrun container and visible under affix sidebar of default template

[dustinsauls]

Using the default template, tables that are wider than their container render underneath the sidebar affix and are unreadable.

Suggest to wrap tables in <div class="table-responsive"></div>

In docfx.json:

function renderTables() {
    $('table').addClass('table table-bordered table-striped table-condensed').wrap('<div class=\"table-responsive\"></div>');
}

This will ensure table is rendered within its container at normal width but not appear under affix and can be scrolled horizontally.

DocFX Version Used: 2.23.1.0

Template used: default

Steps to Reproduce:

Given table:

| column1 | column2 | column3 | column4 | column 5 |
| --- | --- | --- | --- | --- |
| a_long_non-breaking_phrase | another_long_non-breaking_phrase | another_super-long_non-breaking_phrase_like_a_guid | and_yet_another_super-long_non-breaking_run-on_sentence_like_the_way_my_6_year_old_talks_to_me_constantly | if_I_could_just_get_a_break_from_you_kids_for_a_second_I_could_finish_filing_this_issue |

Expected Behavior:

The table is rendered at normal width but the part that extends beyond container is not visible, but can be scrolled horizontally.

Actual Behavior:

The table's text is rendered visible and unreadable underneath the affix sidebar.