Как адаптировать таблицы?

<div class="table-container">
    <table></table>
</div>

.table-container {
  width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

посмотрите, как адаптируют таблицы Bootstrap / Zurb Foundation или другие frontend-frameworks.
Но, в основном, таблицам просто предоставляют возможность вертикальной прокрутки за счет свойства
overflow-x: scroll
Это лучшее решение, если использовать именно <table></table>.

Если есть возможность, не знаю, как будет у Вас в проекте, то лучше не использовать таблицы, а имитировать работу таблиц за счет CSS свойств.

display: table;
display: table-row;
display: table-cell;

В таком случае, будет возможность именно адаптировать таблицы.