Using filter with slice array methods not working

Question

I have a search input that I use to filter an array of users that are shown in a table. This table includes pagination so I'm using .slice to get 10 users to show on the table per page. For some reason, the search filtering works if I'm on page 1 (guessing because there's no slice on page 1?); after going to another page, the filtering stops working, this is to do with .slice since it works if I remove the .slice code. Any ideas why this is? There's something I'm not seeing here..

tableData() {
      return this.users
        .filter(
          (user) =>
            user.firstName.toLowerCase().includes(this.search.toLowerCase()) ||
            user.lastName.toLowerCase().includes(this.search.toLowerCase()) ||
            user.email.toLowerCase().includes(this.search.toLowerCase()),
        )
        .slice(this.perPage * (this.currentPage - 1), this.perPage * this.currentPage);
    },

Clem · Accepted Answer · 2021-09-20 15:56:01Z

1

It s because your result is now on the first page or somewhere before.

You are slicing the result.

answered Sep 20, 2021 at 15:56

Clem

2,33218 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

albert_anthony6 Over a year ago

What's a way I could fix the issue if this is the case?

Clem Over a year ago

When you are searching, the table is resizing. Maybe you should bring back the user on the first page when he is typing something.

albert_anthony6 Over a year ago

Thanks i'll try it

albert_anthony6 Over a year ago

That worked. Thank you

Collectives™ on Stack Overflow

Using filter with slice array methods not working

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related