title: Vuetify: Searching a v-data-table by multiple values?
body: <pre><code>&lt;v-card-title&gt;
      &lt;v-text-field
          v-model=&quot;search&quot;
          label=&quot;Search Product Name&quot;
          single-line
          hide-details
      &gt;&lt;/v-text-field&gt;
  &lt;/v-card-title&gt;
  &lt;v-data-table
      :headers=&quot;headers&quot;
      :items=&quot;this.$store.getters['options/getAllAvailableProducts']&quot;
      :items-per-page=&quot;10&quot;
      :search=&quot;search&quot;
      class=&quot;elevation-1&quot;
  &gt;
  &lt;/v-data-table&gt;
  
  
  ///
  
  data() {
      return {
          dialog: this.$store.getters['liveDashboard/getShowDynamicSelectionModal'],
          search: '',
          headers: [
              { text: 'Image',
                value: 'thumb',
                sortable: false,
              },
              {
                text: 'Product',
                sortable: true,
                value: 'product_name',
              },
              {
                text: 'Price',
                sortable: false,
                value: 'inventory_min',
              },
              {
                text: 'Inventory',
                sortable: true,
                value: 'inventory_quantity',
              },
              {
                text: '',
                sortable: true,
                value: 'inventory_id',
              },
          ],
      }
  },
  </code></pre>
  <p>I have a data table populated by <code>products</code>.  A single <code>product</code> has multiple fields:</p>
  <p>example:</p>
  <p>the value of <code>this.$store.getters['options/getAllAvailableProducts']</code> is an array of products.</p>
  <pre><code>   [
       {
         'product_name': &quot;test test&quot;,
         'sku': &quot;145534&quot;,
         'brand': &quot;Nike&quot;,
         'inventory_id': 4,
         'inventory_min': 44,
         'inventory_quantity': 2,
       },
       {
         'product_name': &quot;new product&quot;,
         'sku': &quot;5534545&quot;,
         'brand': &quot;Nike test&quot;,
         'inventory_id': 5,
         'inventory_min': 512,
         'inventory_quantity': 44, 
       }
     ]
  </code></pre>
  <p>Right now, typing in the name of the product brings up the products that match the name but I want it to where typing in the name, sku or brand will bring up all the matching products.</p>
  <p>So typing in &quot;test&quot; would bring up both of those products since the first product has &quot;test&quot; in the <code>name</code> field and the 2nd product has &quot;test&quot; in the <code>brand</code> name.</p>