How to make Joomla table responsive

You can give the table a width 100% to make it resize. But the table cells will stay in the same row and will not skip to the next row on resizing.

It is very visible on mobile phones.

Download bootstrap editor for Joomla, install and enable the module. Go to your table and add following.

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

You will have super Joomla Responsive table.