is it possible to set perpagesize into [10, 25, 50, 100, **ALL**] about vue-data-table

[uwla]

Hello!

Yes, this is indeed possible!

Just pass a dynamic value for perPageSizes, like as follows:

<template>
    <div>
        <h1>Dashboard</h1>
        <data-table v-bind="bindings"/>
    </div>
</template>
<script>
export default {
    computed: {
        perPageSizes() {
            // round `length` to the closest multiple of 100
            // for example, `length` = 743 means `fullSize` = 800
            let fullSize = 100 * Math.ceil(this.myData.length/100);

            // return the result
            return [10, 20, 50, fullSize]
        },
        bindings() {
            return {
                columns: [ /*the columns*/ ]
                data: this.myData,
                perPageSizes: this.perPageSizes,
            }
        }
    },
}
</script>

I think this solves your problem

[uwla]

Now, I recognize my proposed solution is not good.

Indeed, it is better to have a "SHOW ALL" option instead of setting the perpages sizes.
I will add it.

[uwla]

@paul-cylix this feature has been added to the latest branch and will be available soon in the next release. I'll just add some more tests before publishing a new release. Thanks for helping improving the project. I hope this plugin has been helpful!