title: How to filter/search Element UI table with separate JS function
body: <p>I'm building a Element table in Vue (<a href="https://element.eleme.io/#/en-US/component/table" rel="nofollow noreferrer">https://element.eleme.io/#/en-US/component/table</a>) The table needs to have a search block that will filter the rows as you enter text into it. If the search block text appears in any of 2-3 columns it needs to show that row. The example provided does this only for one column(name). </p>
  
  <pre><code>&lt;el-table
      :data="tableData.filter(data =&gt; !search || data.name.toLowerCase().includes(search.toLowerCase()))"
      style="width: 100%"&gt;
  </code></pre>
  
  <p>How can I break out the code to make it a separate function that I can add for multiple columns?</p>