Простой и быстрый способ сделать так, чтобы таблицы подстроились под мобильные устройства — это обернуть их div’ом, используя следующий код в духе bootstrap:
div.table-responsive {
overflow-x: auto;
max-width: 100%;
}
.table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}