Skip to main content

Extra Table Filters: Column and Global Filters

Premium
9:07

The Full Lesson is Only for Premium Members

Want to access all of our courses? (36 h 00 min)

You also get:

61 courses
Premium tutorials
Access to repositories
Private Discord
Get Premium for $129/year or $29/month

Already a member? Login here

Laszlo Sandor avatar
Laszlo Sandor

Pagination links have gone...

👀 1
Laszlo Sandor avatar
Laszlo Sandor

Index.vue, line 121:

<Pagination :data="posts" @pagination-change-page="page => getPosts(page, selectedCategory)" />

There is no selectedCategory anymore.

Povilas Korop avatar
Povilas Korop

Yeah, good catch, it should be search_category instead now.

Moaz Said avatar
Moaz Said

Hello, what about use https://datatables.net/ in vue as a server-side, I used it but in jquey blade or js file.. in vue How??

Povilas Korop avatar
Povilas Korop

For vue, there are specific packages, a lot of them, google "vue datatables"

Moaz Said avatar
Moaz Said

yes I know but think not server side..thanks for reply

Dmytro Sakharuk avatar
Dmytro Sakharuk

DRY

const filters = [
    'category',
    'id',
    'title',
    'content',
    'global'
]
 
filters.forEach(filter => {
    watch(eval(`search_${filter}`), (current, previous) => {
        getPosts(
            1,
            search_category.value,
            search_id.value,
            search_title.value,
            search_content.value,
            search_global.value,
            orderColumn.value,
            orderDirection.value
        )
    })
})

I don't remember if I commented on it in a fresher course