Responsive tables - best practices confusion

Created by: Webotvorba

In migrating to v4 it says:

Responsive tables no longer require a wrapping element. Instead, just put the .table-responsive right on the <table>.

In docs it says:

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

So which one is the best?