title: Why vuetify data-table stretches the whole page instead of render scroll bar?
body: <p>Codepen: <a href="https://codepen.io/frutality/pen/LQRGLv" rel="noreferrer">https://codepen.io/frutality/pen/LQRGLv</a> (please see it, because for some reason code inserted here is cut)</p>
  
  <pre><code>&lt;div id="app"&gt;
    &lt;v-app&gt;
      &lt;v-navigation-drawer app fixed clipped v-model="drawer"&gt;&lt;/v-navigation-drawer&gt;
  
      &lt;v-toolbar app dense absolute clipped-left dark color="primary"&gt;
        &lt;v-toolbar-title&gt;
          &lt;v-toolbar-side-icon @click.stop="drawer = !drawer"&gt;&lt;/v-toolbar-side-icon&gt;
          &lt;span class="hidden-xs-only"&gt;Logo&lt;/span&gt;
        &lt;/v-toolbar-title&gt;
      &lt;/v-toolbar&gt;
  
      &lt;v-content&gt;
        &lt;v-container fluid fill-height&gt;
          &lt;v-layout&gt;
            &lt;div&gt;
              &lt;v-data-table :headers="headers" :items="titles" hide-actions disable-initial-sort class="elevation-1"&gt;
                &lt;template slot="items" slot-scope="props"&gt;
                &lt;td&gt;
                  {{ props.item.title }}
                &lt;/td&gt;
                &lt;td&gt;{{ props.item.type }}&lt;/td&gt;
                &lt;td&gt;{{ props.item.imdb_id }}&lt;/td&gt;
                &lt;td&gt;{{ props.item.is_adult }}&lt;/td&gt;
                &lt;td&gt;{{ props.item.start_year }}&lt;/td&gt;
                &lt;td&gt;{{ props.item.end_year }}&lt;/td&gt;
                &lt;td&gt;{{ props.item.duration }}&lt;/td&gt;
                &lt;td&gt;{{ props.item.genres_temp }}&lt;/td&gt;
              &lt;/template&gt;
              &lt;/v-data-table&gt;
              &lt;div class="text-xs-right"&gt;
                &lt;v-btn color="primary" class=mr-0&gt;Refresh&lt;/v-btn&gt;
              &lt;/div&gt;
            &lt;/div&gt;
          &lt;/v-layout&gt;
        &lt;/v-container&gt;
      &lt;/v-content&gt;
    &lt;/v-app&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>If data-table has a lot of columns and your browser width is not big (try ~1300px or even ~600px), we can't see all of it's content.</p>
  
  <p>But if you go to <a href="https://vuetifyjs.com/components/data-tables" rel="noreferrer">https://vuetifyjs.com/components/data-tables</a>, you'll see that nice horizontal scroll bar under each example. </p>
  
  <p>Why it's not appearing in my codepen?</p>