title: Filtering in vue.js not modifying datatable
body: <p>I have been struggling for some days trying to filter some data in vue.js.</p>
  <p>I have a search input in my website:</p>
  <pre><code>        &lt;div class=&quot;search-wrapper panel-heading col-sm-2&quot;&gt;
              &lt;input class=&quot;form-control&quot; type=&quot;text&quot; v-model=&quot;search&quot; placeholder=&quot;Filter by project name&quot; /&gt;
          &lt;/div&gt;      
  </code></pre>
  <p>And a datatable where all the data is being displaced correctly:</p>
  <pre><code>    &lt;datatable
          name=&quot;Proyectos&quot;
          :headers=&quot;headers&quot;
          :bulk-delete-records=&quot;bulkDeleteProjects&quot;
          type=&quot;project&quot;
          @check-all=&quot;checkAllProjects&quot;
          :data=&quot;projectsForExport&quot;&gt;
          &lt;tr v-for=&quot;project in projects&quot;&gt;
              &lt;td v-text=&quot;project.ProjectID&quot;&gt;&lt;/td&gt;
              &lt;td v-text=&quot;project.ProjectName&quot;&gt;&lt;/td&gt;
              &lt;td class=&quot;row-actions&quot;&gt;
                  &lt;a href=&quot;javascript:void(0)&quot; @click.prevent=&quot;goToProjectEdit(project.ProjectID)&quot;&gt;
                      &lt;i class=&quot;os-icon os-icon-ui-49&quot;&gt;&lt;/i&gt;
                  &lt;/a&gt;
                  &lt;a class=&quot;danger&quot; href=&quot;javascript:void(0)&quot; @click.prevent=&quot;openConfirmModal(project.ProjectID)&quot;&gt;
                      &lt;i class=&quot;os-icon os-icon-ui-15&quot;&gt;&lt;/i&gt;
                  &lt;/a&gt;
              &lt;/td&gt;
              &lt;td style=&quot;text-align: center;&quot;&gt;
                  &lt;input type=&quot;checkbox&quot; v-model=&quot;bulkDeleteProjects&quot; :value=&quot;project.ProjectID&quot; /&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/datatable&gt;
  </code></pre>
  <p>I have put the proper code inside the computed tag inside the scoped script:</p>
  <pre><code>&lt;script scoped&gt;
      import { mapActions } from 'vuex';
      export default {
          data() {
              return {
                  headers: [
                      'ID PROYECTO',
                      'NOMBRE PROYECTO',
                      'ACCIONES'
                  ],
                  search: null,
                  bulkDeleteProjects: []
              }
          },
  
          computed: {
      
              projects() {
                  const projects = this.$store.getters['projects/projects'];
              
                  if (_.isEmpty(this.search))
                  {
                      return projects;
                  }
                  else
                  {
                      return _.filter(projects, project =&gt; 
                      {
                          const search = this.search.toLowerCase();
                          return project.ProjectID.toLowerCase().includes(search)|| project.ProjectName.toLowerCase().includes(search);
                      });
                  }
              }
              ...
  </code></pre>
  <p>If I change the &quot;else&quot; inside computed: projects() for something like &quot;return null;&quot;, it removes all entries correctly but seems that any comparison with the data, although it returns true, does not modify the project's data.</p>
  <p>But for some reason, it is not filtering. I haven't been able to find the reason why it's not working, so maybe you can point me out in the right direction.</p>
  <p>Cheers!</p>