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