title: How to set initial 'rows per page' value in Vuetify DataTable component?
body: <p><strong>Notice:</strong> The original answer was asked for Vuetify 1.5.7, but API was changed in major releases.</p>
  <p>For <strong>Vuetify 1.X</strong> use <a href="https://stackoverflow.com/a/55411215/9275224">the accepted answer by stdob--</a>.</p>
  <p>For <strong>Vuetify 2.X</strong> use <a href="https://stackoverflow.com/a/59872426/9275224">answer by Tim Hall</a> or <a href="https://stackoverflow.com/a/73461020/9275224">explanation by greensin</a>.</p>
  <hr />
  <p>I have a page with Vuetify DataTable component (Vuetify 1.5.7) and using default component's pagination. I set the 'Rows per page' select values using the :rows-per-page-items property.</p>
  <p>Now I want to set initial value from this rows-per-page-items array (<strong>not only the first one!</strong>) when entering the page.</p>
  <p>Is it possible and how can I do this?</p>
  <p>Example code of table is shown below:</p>
  <pre class="lang-js prettyprint-override"><code>&lt;v-data-table
              :headers=&quot;headers&quot;
              :items=&quot;equipment&quot;
              class=&quot;elevation-1&quot;
              :rows-per-page-items='[15, 30, 50, 100]'&gt;
        &lt;template v-slot:items=&quot;props&quot;&gt;
          &lt;td&gt;{{ props.item.name }}&lt;/td&gt;
        &lt;/template&gt;
  &lt;/v-data-table&gt;
  </code></pre>