O exemplo mostra uma div com scroll na horizontal, mas gostaria que a tabela junto com o div que tem scroll ajustasse 100% ao tamanho da tela.
.div {
border: solid;
display: inline-block;
width: 300px;
overflow: auto;
}
.tablefull td{
border: solid;
}
.table th{
border: solid;
}
.table td {
padding: 10px;
}
<table class="tablefull">
<tr>
<td colspan="2">header</td>
</tr>
<tr>
<td>MENU
</td>
<td class="">
<div class="div">
<table>
<thead>
<tr>
<th>Desc0</th>
<th>Desc1</th>
<th>Desc2</th>
<th>Desc3</th>
<th>Desc4</th>
<th>Desc5</th>
<th>Desc6</th>
<th>Desc7</th>
<th>Desc8</th>
<th>Desc9</th>
</tr>
</thead>
<tbody>
<tr>
<td>Item0</td>
<td>Item1</td>
<td>Item2</td>
<td>Item3</td>
<td>Item4</td>
<td>Item5</td>
<td>Item6</td>
<td>Item7</td>
<td>Item8</td>
<td>Item9</td>
</tr>
<tr>
<td>Item0</td>
<td>Item1</td>
<td>Item2</td>
<td>Item3</td>
<td>Item4</td>
<td>Item5</td>
<td>Item6</td>
<td>Item7</td>
<td>Item8</td>
<td>Item9</td>
</tr>
<tr>
<td>Item0</td>
<td>Item1</td>
<td>Item2</td>
<td>Item3</td>
<td>Item4</td>
<td>Item5</td>
<td>Item6</td>
<td>Item7</td>
<td>Item8</td>
<td>Item9</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td colspan="2">footer</td>
</tr>
</table>