title: Comparing DataTables headers for filtering in Vuetify?
body: <p>I have a data table and its headers values are months. Now I want to select from the array of objects the matching months and value associated with it and show it in this table in an associated column.</p>
  
  <p>Here is the Headers:-</p>
  
  <pre><code>headers:[
    {
      text:'1',
      align:'left',
      value:'month'
   },
   {
      text:'2',
      align:'left',
      value:'month'
   },
   {
      text:'3',
      align:'left',
      value:'month'
   },
   {
      text:'4',
      align:'left',
      value:'month'
   }
  ]
  </code></pre>
  
  <p>An array of objects looks like this:-</p>
  
  <pre><code>array:[
    {
      month:1,
      value: 200
    },
   {
      month:2,
      value: 300
    },
   {
     month:3,
     value: 400
    },
   {
     month:4,
     value: 500
    }
  ]
  </code></pre>
  
  <p>now in the datatable, it should be like this:- </p>
  
  <pre><code>+-----------------------+
  |  1  |  2  |  3  |  4  |   &lt;- headers.text
  +-----------------------+
  | 200 | 300 | 400 | 500 |   &lt;- array.value
  +-----------------------+
  </code></pre>
  
  <p>I have tried simple data table like this:-</p>
  
  <pre><code>&lt;v-data-table
    v-bind:headers="headers"
    :items="array"
    hide-actions              
    class="elevation-1"
      &gt;             
      &lt;template slot="headers" slot-scope="props"&gt;
          &lt;tr&gt;                    
              &lt;th v-for="header in props.headers" :key="header.text"
                                    v-bind:align="header.align"
                                    class="text-xs-left"
                                  &gt;   
                   &lt;div class="text-xs-left"&gt;{{$t(header.text)}}&lt;/div&gt; 
              &lt;/th&gt;
          &lt;/tr&gt;                 
      &lt;/template&gt;
      &lt;template slot="items" slot-scope="props"&gt;  
          &lt;tr&gt;
              &lt;td&gt;props.item.value&lt;/td&gt;               
          &lt;/tr&gt;                
      &lt;/template&gt;           
  &lt;/v-data-table&gt;
  </code></pre>
  
  <p>but how do I know which values are belong to which months? suppose in an array there are more than 4 months and the early months are missing then I am not sure how to apply this?
  Does someone have some idea?</p>