title: no-data section loads first and then shows the data in v-data-table
body: <p>I am using vuetify v-data-table to display data. The issue I am facing here is No Settings Yet message always shows for like 1 second and then displays the data. Its like no data message loads first and then the actual data shows up. Is there a way to fix this.</p>
  <pre><code>&lt;template&gt;
    &lt;div&gt;
            &lt;v-card&gt;
                &lt;v-data-table
                  :headers=&quot;headers&quot;
                  :items=&quot;settings&quot;
                  hide-default-footer
                  disable-pagination
                  :mobile-breakpoint=&quot;0&quot;&gt;
  
                  &lt;template slot=&quot;top&quot; v-if=&quot;isLoading&quot;&gt;
                    &lt;v-progress-linear
                        indeterminate
                        color=&quot;red&quot;
                    &gt;&lt;/v-progress-linear&gt;
                  &lt;/template&gt;
  
                  &lt;template slot=&quot;item&quot; slot-scope=&quot;props&quot;&gt;
                    &lt;tr&gt;
                      &lt;td&gt;{{ props.item.name }}&lt;/td&gt;
                      &lt;td&gt;{{ props.item.value }}&lt;/td&gt;
                  &lt;/tr&gt;
                &lt;/template&gt;
                &lt;template slot=&quot;no-data&quot; &gt;
                  &lt;v-alert id='no-data' :value=&quot;true&quot; color=&quot;error&quot; icon=&quot;warning&quot;&gt;
                    No Settings Yet
                  &lt;/v-alert&gt;
                &lt;/template&gt;
              &lt;/v-data-table&gt;
            &lt;/v-card&gt;
    &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
    export default {
      data: function() {
        return {
          settings: [],
          headers: [
            { text: 'Name', value: 'name'},
            { text: 'Value', value: 'value'},
            { text: 'Actions', sortable: false}
          ],
          isLoading: false
        }
      },
      created() {
        this.fetchSettings();
      },
      
      methods: {
        fetchSettings() {
          var that = this;
  
          that.isLoading = true;
          this.$axios.get('/settings.json')
          .then(response =&gt; {
            that.settings = response.data;
            that.isLoading = false;
          });
        }
      }
    }
  &lt;/script&gt;
  </code></pre>