table タグのレスポンシブデザイン対応。

mycss.css

table {
    border-collapse: collapse;
    border-spacing: 0;
    border-width: 1px 0 0 1px;
    table-layout: fixed;
    width: auto;
}
thead, th {
    background: #ddd;
    text-align: left;
}
th, td {
    padding: 5px;
    border: 1px #e7e7e7 solid;
}
td, th {
    padding: 5px;
    border: 1px #e7e7e7 solid;
}
.table-wrap {
    margin: 0 !important;
    overflow: scroll;
    overflow-y: hidden;
    padding: 0 !important;
    position: relative;
    width: 100%;
}

myjs.js

$('table').each(function() {
    $(this).wrap("<div class='table-wrap'></div>");
});