UI: Allow to show more than 20 cluster

[ewuknadierf]

What would you like to be added: In the gardener project dashboard we would like to see more than 20 clusters on a single page. Currently the row per page selector, allows you to choose between 5, 10 or 20 clusters. Would be great if it could also allow 50 and 100 clusters.

Why is this needed: In our multi cluster scenario we expect around 15 productive landscapes in one project. Each landscape will have at least 2 clusters.

[grolu]

We introduced this because we experienced rendering issues with large cluster lists. We need to discuss this.

[dguendisch]

We just discussed another potential option: if the customer is mainly interested to check for "failed" clusters, it would be helpful to have the already existing filter of the "All clusters" page also available in the project list:

Would that be possible?

[grolu]

If this is something that is needed for large projects then we need to look into it. It will not work out-of-the-box as we use a server-side selector for the all project list and we need to look how to do this for projects. Maybe client-side filtering in this case.

[grolu]

Vuetify recently added support for virtualization on v-data-table. When we upgrade to vue3 / vuetify3 we can hopefully support large amounts of data on a single page. See also: https://github.com/vuetifyjs/vuetify/issues/3435

[grolu]

As we recently did the migration to vuetify3, we can unblock this issue. First tests show that the virtual scrolling works, however we need to work on the overall rendering performance or show placeholders to make this a smooth experience. Moreover, we should consider to make the table paging / virtual scrolling ("endless table") configurable (e.g. by adding an option to the table selection menu or the footer component).

[grolu]

/assign