Как адаптировать таблицы?
Вот есть репозиторий - это готовый шаблон для адаптивной верстки. В файле grid.html можно увидеть адаптивную таблицу.
Есть живой пример, чтобы посмотреть как сжимается таблица
Также пример на codepen
посмотрите, как адаптируют таблицы Bootstrap / Zurb Foundation или другие frontend-frameworks. 
Но, в основном, таблицам просто предоставляют возможность вертикальной прокрутки за счет свойства overflow-x: scroll
Это лучшее решение, если использовать именно <table></table>. 
Если есть возможность, не знаю, как будет у Вас в проекте, то лучше не использовать таблицы, а имитировать работу таблиц за счет CSS свойств.display: table;
display: table-row;
display: table-cell;
В таком случае, будет возможность именно адаптировать таблицы.